Custom Login Message for WASM Identity Authorization
To change the message “Authorizing…” Need to add to file App.razor Sources: https://docs.microsoft.com/en-us/aspnet/core/blazor/security/?view=aspnetcore-5.0#customize-unauthorized-content-with-the-router-component
Blazor WebAssembly Get IP Address
You can use a third party API, such as Ipify, to get the IP address of the current request in Blazor. The script api.ipify will return the IP address in JSON format. But this is a workaround. As of now, there is no way to achieve this. In the following code snippet, the IP address... » read more
JavaScript and Blazor without index.html reference
JavaScript Isolation in Blazor WebAssembly From the .NET 5 (RC 1) version, we are able to isolate our JavaScript code as a standard JavaScript module. This is beneficial because We no longer have to add our JS functions to the global window namespace We don’t have to manually import JavaScript files in the index.html file myscript.js Razor... » read more
PWA and Caching
Control asset caching If your project defines the ServiceWorkerAssetsManifest MSBuild property, Blazor’s build tooling generates a service worker assets manifest with the specified name. The default PWA template produces a project file containing the following property:XMLKopiëren The file is placed in the wwwroot output directory, so the browser can retrieve this file by requesting /service-worker-assets.js. To see the contents of... » read more
Forcing reload of Blazor client after publishing changes
Since your app is a PWA, you can declare a js file for registration in the navigator.serviceWorker object. This my.js file can contain a const CACHE_VERSION = 1.0. Updating this value should force the client to download the latest files. See Jeremy Likness’ blog post for more info. Example: service-worker.published.js Note: The original one does not work. Replace self.assetsManifest.version... » read more
Syncfusion Theme Studio for Essential JS 2
https://ej2.syncfusion.com/themestudio/?theme=bootstrap4 Generated Files: bootstrap4.css bootstrap4.min.css bootstrap4.scss settings.json Examples:
Custom Grid Command Button
Example Icons https://blazor.syncfusion.com/documentation/appearance/icons/
Generate PDF using Syncfusion
Install Package Syncfusion.PDF.Net.Core Example Sources: https://help.syncfusion.com/file-formats/pdf/create-pdf-document-in-blazor
Pass data from child to parent component in blazor
Child component to parent component communication The parent component assigns a callback method to the child component’s event. In Blazor, to expose an event we use EventCallback. Sources: https://www.pragimtech.com/blog/blazor/pass-data-from-child-to-parent-component-in-blazor/