Blazor is a powerful framework for building web applications using C# instead of JavaScript. One of the key features of Blazor is its component-based architecture, which allows you to create reusable and encapsulated UI elements. In this article, we will explore when and how to use Blazor compo...
how to use blazor webassembly in razor pages? To use Blazor WebAssembly component as custom elements in razor page, you can refer to the following steps: 1- Create a new Blazor WebAssembly application: BlazorWebApp 2- Install the Microsoft.AspNetCore.Components.CustomElements 7.0.0-preview.6...
Exploring Sections in Blazor Blazor, a framework within ASP.NET Core 8, introduces a helpful new feature called “Sections”. This feature operates similarly to other app frameworks like Razor Pages. To learn more about Blazor, please check out ourBlazor WebAssembly Serieswhich covers a lot of d...
How to Use Calendar in Blazor How to use command argument with hyperlink How to use Dataset and write to text file How to use date condition in datetime column in sql server 2005? How to use distinct on DataRow Collection How to use Hidden field in View and access in JavaScript in MVC...
Step 1 – Create the Blazor Application The first step we have to take is to create our Blazor application. You can choose to do this in VS Code or Visual Studio. I am going to use Visual Studio to create my Blazor application.
In the first post, we saw how to query a GraphQL API in .NET using Strawberry Shake from a console application. In this post, we will see how to fill a Blazor QuickGrid component with data fetched with GraphQL. We will also use the virtualization feature of the QuickGrid to improve ...
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem;} Tip You may notice above that I have also included some of the previous styles in the stylesheet. I just wanted to do this, to provide an illustration that although we are going to use to...
So far, in this Blazor module, you saw how to use parts of the URI to route requests to the right component. You can also useroute parametersto intercept other parts of the URI and access them in your code. Suppose you're working on the pizza delive...
We explored the use of onchange event with the select dropdown in a Blazor application by using the @bind to assign the current value to the variable as it already internally contains an onchange event. When we have our logic in a separate method, we can use the onchange attribute to exec...
Also, you don't need an ASP.NET Core Web server to host your application. You can use any Web server, since the result of the WebAssembly compilation is just a set of static files. On the other side, you should be aware of the drawbacks of this hosting model. The Blazor WebAssembly ...