Use a CascadingParameter to pass the parent TabControl component into its child TabPage components. Making the TabPage aware of its parent The first step is to create two components. One named TabControl and the other named TabPage. The TabPage component will need a reference to its parent Ta...
In this post, I’ve show a limitation with the default ValidationMessage component which comes with Blazor, specifically, the inability to customise the markup it produces. I’ve shown two potential solutions. The first is a modified version of the original component. The hard-coded styling was...
For an input component to work with EditForm, it has to integrate with EditContext. EditContext is the brain of a Blazor form; it holds all of the metadata regarding the state of the form. Things like whether a field has been modified. Is it valid? As well as a collection of all of...
BaseType != typeof(BlazorComponent)) { throw new ArgumentException($"{contentType.FullName} must be a Blazor Component"); } var content = new RenderFragment(x => { x.OpenComponent(1, contentType); x.CloseComponent(); }); OnShow?.Invoke(title, content); } public void Close() { On...
The wizard also configures the project to use the Telerik UI for Blazor components by adding the following utilities: Required@usingdirectivesto the~/_Imports.razorfile. TelerikLayout.razorcomponent containing theTelerikRootComponent. Registration of theTelerik services. ...
To create a modal forms using MudBlazor, we need to create a new component in Blazor. We can add a new folder to save it, or just create it in the same folder where the component that will call it is located. In that case, we will create DialogConfirm.razor. In this file, we ...
Create a new Blazor pagination template component file and pagination controls. Create the file and add the markup In your Blazor app project in Visual Studio Code, create a new folder namedComponents, and then create a new file in the folder namedPaginationComponent...
What is Blazor Live DataGrid? Blazor Live DataGrid is a customized DataGrid component to show the live data in Blazor applications.It is optimized for handling and updating large number of records at real-time which is suitable for binding financial records and more. ...
I hope you’ve enjoyed it and are ready to tackle your own Blazor experiments as well! Bonus, The Colour Picker There’s one thing that we didn’t do in the above example, implement the colour picker! I want to do this as a generic component so we could do this: ...
This can be especially important in client-side Blazor applications, where .NET components end up being downloaded by the browser. Having to download an entire 1.3MB component might make you think twice about using it. But if trimming means that basic usage requires only a few tens of KB, ...