Click here to Skip to main content

Submit your article

Blazor

Blazor

Great Reads

A Dive into Blazor Components

by Shaun C Curtis

A detailed look at the anatomy and workings of a Blazor Server Component

Blazor: Using JavaScript in a More Structured Way by Using Extension Methods

by Scott Ward

Using extension methods to make working with JavaScript in .NET Blazor easier to work with

Microsoft Blazor - Custom Controls for Dynamic Content

by Ev Uklad

Demonstration of how to create an externally extendable dynamic page, which will support all controls that we can add later in a separate assembly without the recompilation of the dynamic page

Building Blazor Edit Forms

by Shaun C Curtis

How to build Blazor Edit Forms that manage state

Latest Articles

Understanding authentication in Blazor and ASP.NET Core

by Nicolas DESCARTES

How to implement authentication in Blazor and ASP.NET Core ?

How to Use Local Storage in Blazor

by Rikam

Utilizing local storage in Blazor for enhanced user experiences

Blazor Unit Testing Tutorial – How to Master with Practical Examples in C#

by Dev Leader

A tutorial on unit testing in Blazor development that discusses code quality and catching errors early in the software development process.

Blazing.Mvvm - Blazor Server, WebAssembly, & Hybrid using Mvvm Community Toolkit

by Graeme_Grant

MVVM made simple via Blazing.Mvvm Library using the Microsoft Community Toolkit

All Articles

Blazor

Interacting with outlook from an ASP.NET core blazor web-site

30 Mar 2022 by #realJSOP

Why can't you simply present a TextArea that allows the user to review/edit, along with a Send button that does the mechanical stuff (using mailto). BTW, you can add attachments with mailto - How to use mailto: links to send attachments? :...

How do I show many dropdown dynamically using by if condition?

7 Nov 2022 by Abhilash.J.A

Hi All, I have two html page. First page contain 7 and second page also contains same 7 dropdown. Here only different is, if first page passing a parameter like show only 4 dropdown in the second page then should show only 1 to 4 dropdown in the...

How do I do GUI based load testing for blazor application

6 Jan 2022 by Abhishek Mayekar

Blazor is a new Microsoft technology that we have used to build Blazor Server Webapp App. We want to do GUI based performance testing simulating user action like login. Traditional load testing tool like Jmeter, NeoLoad which we were using for...

How do I make navmenue resposive

9 Jan 2022 by Abuamer

i am making a web application with Blazer and i used radzen Sidebar instead of defulat sidebar but the problem is that i my navmenue is not resposive.is that any way to fix this problem. and that is my code What I have tried: that is the code...

Blazor Confirmation Checkbox Component

6 Jun 2021 by aditya pewekar

Custom component to handle checkbox after confirmation modal popup

Blazor datepicker Component using JQuery

6 Jun 2021 by aditya pewekar

Custom JQuery datepicker component using Blazor

How to implement service to apply pagination ?

19 Feb 2023 by ahmed_sa

I work on blazor web application with .Net core 7. i face issue when implement service for get all items using pagination . so on service my issue is can't return ListQueryResult when apply pagination for get all items . my issue exactly on the...

When publish blazor project on IIS I get error 404 although it working perfect on my pc ?

25 Feb 2023 by ahmed_sa

I working on web application with `blazor app with .net core 7` . I build my application and run it on my local machine it working perfect without any issues and display and retrieve data . after build success I publish it and success publish...

How to modify application controller details action to display data related ?

2 Mar 2023 by ahmed_sa

I work on EF core 7 blazor . I face issue I can't call Details model from application page to get all Data for details model . meaning I need to display details data as list on application page where Header Id = 1 on action GetAllDetails. so...

How I know what project I work of blazor web assembly or server side ?

4 Mar 2023 by ahmed_sa

I work on blazor .net core web app . I need to know what blazor type i work on it web assembly or server side . and what is different practically . i need different on practical points What I have tried: public Startup(IConfiguration...

I get error 500 page localhost is unable to handle the request on IIS ?

4 Mar 2023 by ahmed_sa

I run blazor app with .net core 7 on iis . then after run it i get error This page isn’t workinglocalhost is currently unable to handle this request. HTTP ERROR 500 i make stdout on web.config file to true to log exception error then i check...

Error when run login identity on blazor server ?

6 Mar 2023 by ahmed_sa

I working on blazor server . i get error evaluation function required all threads to run i get this error when login on var resultIdentity = await signInManager.PasswordSignInAsync(UserName, "xxxxx", false, false) it stop on this line and...

Issue bootstrap modal display under background ?

14 Mar 2023 by ahmed_sa

I working on blazor app with .NET core 7 . I face issue bootstrap modal display not Active when click edit button . I edit data using bootstrap modal but when click edit button modal bootstrap display not Active and can't edit data . so How to...

How to deny or redirect to login page if user not make login to my web application ?

6 Apr 2023 by ahmed_sa

I work on blazor server side . I face issue I can't make user redirect to login page when user try to access web application by copy and past URL of my application on new browser page my scenario as below : 1-I open my web application as...

How to implement multi select on blazor when search for server name text?

15 Apr 2023 by ahmed_sa

I work on blazor server side . I face issue I can't apply select2 multi select based on web API ? I need multi select as server1,server2 text display when search . when select first time then server1 and second time select server2 then...

How to add button column picker visibility to ridzen grid?

28 Apr 2023 by ahmed_sa

I work on blazor server side . I need to add button column picker visibility so by click button if I select column application id and application name then 2 columns only will display and another columns will hide What I have tried: @code ...

Task was cancelled error when apply session timeout error ?

1 May 2023 by ahmed_sa

I working on blazor application server side . i face error when apply session timeout Category: Microsoft.AspNetCore.Components.Server.Circuits.RemoteNavigationManager EventId: 4 SpanId: 7336f0e333159b9e TraceId: 1c34008822a09f63877a1646dd4c58c1...

Issue page loaded two time on blazor server side?

5 May 2023 by ahmed_sa

I work on blazor server side . I face Issue page reload after open and reload automatically so page loaded two times Why flicker happen on loaded page and How to solve this issue this not happen on one page this is happen on all application...

How to allow multiselection on blazor server app ?

9 May 2023 by ahmed_sa

I work on blazor server app . i need any control select2 or another allow to me to make multi selection as example suppose i have server drop down and this server can have multi database so server 1 will have multi selection on database list as...

How to export data from ridzen datat grid to excel after filter?

22 Jul 2023 by ahmed_sa

I work on asp.net core blazer server side .I face issue I can't export ridzen data grid to excel after filter data on it . so when page load list of Data source of ridzen data grid 10 so after this write any filter to any column then become 4...

Music Notation in Blazor - Part I

1 Aug 2018 by Ajcek84

Client-side music notation rendering in Blazor

Music Notation in Blazor - Part 2

31 Jul 2018 by Ajcek84

Music notation in Blazor - Part 2

Searching Music Incipits in Metric Space with Locality-Sensitive Hashing

27 Nov 2018 by Ajcek84

Using locality-sensitive hashing algorithm to improve performance of searching of musical incipits

Drawing with the HTML Canvas Element in Blazor Server-side

3 Jun 2020 by Akshay Srinivasan2

The HTML Canvas element allows for Drawing. This article describes how to use it with Blazor Server-side.

Deploying Blazor Server-side to the Linux Distro Ubuntu

3 Jun 2020 by Akshay Srinivasan2

Step by step process to deploy Blazor Server-side app to an existing installation of Linux Distro Ubuntu

What is the correct way to add a downloadable file link to a blazor web app

16 Nov 2023 by Andre Oosthuizen

Quote: 1) Where should I put the file that I want users to be able to download? You should store downloadable files in a directory that is not directly accessible from the web. In a 'Blazor' app, you should normally create the folder named...

web_development

Blazor server app - master detail having multiple rows update

14 Jul 2022 by AstroTheDog

I am trying to implement a simple order management app with Asp.net Core Blazor Server. I am using SQL Server. The main entities are order, order detail, vendor, and customer. I have implemented listing, adding, and updating for vendors and...

Blazor server app - master detail having multiple rows update

14 Jul 2022 by AstroTheDog

Does it have edit, insert new records? I don't think so.

Blazor windows authentication with custom claims

24 Feb 2024 by Avinash Tauro

Thank you for this question and solution. Works great. I am on .NET 8 and had to make 1 small change in the below code from var principal = new ClaimsPrincipal(identity); var ticket = new AuthenticationTicket(principal, Scheme.Name); return...

Clean Architecture – Incorporating Repository Pattern

4 Jan 2023 by Bert O Neill

How to incorporate repository pattern

How to use ASP:menuitem navigateurl property to call blazorserver app in the same solution?

2 Sep 2020 by bgundas

How to use asp:MenuItem NavigateUrl property to call BlazorServer app in the same solution? I have a solution. Solution has different projects with diff framework such as .net 4.6.1 and Core .3.1. Inside the .net 4.6.1 web app project, I would...

How would add a 3 round rule on this rock paper scissors game on blazor C#

29 Jul 2021 by BillWoodruff

What if there are three draws in a row: repeat the game until there at least one win ? I suggest you isolate the logic of determining the winner; I use this example with my students, trying to teach the concept of separation of concerns:...

How to save data to the database when the user registers, ie how to remember the data with which he registered in the database?

29 Jun 2021 by Chris Copeland

It looks like you have the tools you need to be able to insert a user. You just need to make use of the context you have created and configured. using (var context = new AppDbContext()) { context.Users.Add(user); context.SaveChanges(); } ...

Real Time HTML Page Content Update with Blazor and SqlTableDependency

31 Jan 2020 by Christian Del Bianco

In this simple example, we are going to see how to update an HTML page when a SQL Server table change occurs, without the need to reload the page or make asynchronous calls from the client to the server.

Read excel file in blazor

1 Aug 2021 by Code Fan

Have you tried this Microsoft tutorial (ASP.NET Core Blazor file uploads | Microsoft Docs[^])? If you still can't make it work, please let me know. Blazor is a new Microsoft solution to replace the old Web Forms & Knockout, both officially...

How would add a 3 round rule on this rock paper scissors game on blazor C#

29 Jul 2021 by CodeRed001

Hi so I have completed a rock paper scissors game a and these are the winning rules @inject Choices choices

Use Bootstrap Toggle Button Group in Blazor

15 Apr 2021 by Daniel H. W.

Toggle Buttons to select different options without JavaScript

How do I make navmenue resposive

9 Jan 2022 by Dave Kreskowiak

You're going to have to ask Radzen that question. Oh, and it's "nav menu" and "responsive".

How I know what project I work of blazor web assembly or server side ?

4 Mar 2023 by Dave Kreskowiak

That's what the documentation is for: ASP.NET Core Blazor hosting models | Microsoft Learn[^]

I get error 500 page localhost is unable to handle the request on IIS ?

4 Mar 2023 by Dave Kreskowiak

500 errors are almost always because your code crashed. So start by looking at what is going on with the code at the following locations in the stack trace: at UC.AppRepository.UI.Pages.Dashboard.getcountServers() in...

How do I create download link to a file outside of blazor project.

23 Jul 2023 by Dave Kreskowiak

You cannot create a link direct to a file outside the apps own directory. This is for security reasons. You can, however, create a link to a code on the server-side to tell it which file to download and that code would have to read the file and...

Blazor Unit Testing Tutorial – How to Master with Practical Examples in C#

22 Nov 2023 by Dev Leader

A tutorial on unit testing in Blazor development that discusses code quality and catching errors early in the software development process.

How do I use a input control to allow only whole numbers without decimal in blazor without using js?

13 Feb 2024 by Dhanya Nithin 18

I am building a form dynamically and i need a input control to accept only whole number which doesnt allow to enter decimal values including dot. but None of the methods are providing me accurate result. What I have tried:

Provider: SNI_PN11, error: 26 - error locating server/instance specified after installing MAUI blazor app on other machine

14 Sep 2023 by dolce_sweet

I have created a Maui Blazor app in .NET 7 which is pretty neat and runs beautifully locally. After installing the app on another Windows 10 Pro x64 machine, I get an error message that SQL Server Express (2019) cannot be reached. I get this...

entity-framework

connectionstring

How do I onchange="this.form.submit(); " to an ASP.NET API

24 Jul 2021 by DougsSoftware

Hi, I have a problem calling an ASP.NET API from my Index.cshtml file. I think the problem is in my Index file's action. My understanding is that the action is suppose to call the controller (I am new to this). When I click on the Choose file...

Where is the "load event" in blazor?

17 Oct 2022 by DougsSoftware

I am new to Blazor and Razor. When my Blazor webpage starts up, I want to execute code in the "Load event" that will click the first list item (id="li_for_APage") so that the @Body will contain APage. But I can not find the "Load event". The code...

Populate model from HTML table data

21 Dec 2022 by DumbCoderX

I have a MVC application to capture the skills (aka Capabilities) and skill scores for a user. ViewModel = 'ScoresViewModel' and contains models for skills and scores. public class ScoresViewModel { public List Scores...

How to modify application controller details action to display data related ?

2 Mar 2023 by eekayonline

Here's an example of how you would fetch that info using the _context you already have available: [HttpGet] public IActionResult GetAllDetails() { // Retrieve all details with HeaderId = 1 var details = _context.Details.Where(d =>...

Microsoft Blazor - Dynamic Content

20 Jan 2021 by Ev Uklad

Demonstration of this amazing technology that Microsoft released two years ago as a part of ASP.NET Core - Blazor!

Microsoft Blazor - Custom Controls for Dynamic Content

17 Oct 2020 by Ev Uklad

Demonstration of how to create an externally extendable dynamic page, which will support all controls that we can add later in a separate assembly without the recompilation of the dynamic page

Microsoft Blazor - Rapid Development with SQL Forms Open-source Platz.SqlForms

17 Apr 2021 by Ev Uklad

How to develop a Blazor server application dynamically and generate UI from Entity Framework using open-source Platz.SqlForms including master-details data entry

entity-framework

Microsoft Blazor Platz.SqlForms Open-source - Using Schema Builder to Design and Maintain SQL Server Database

15 Apr 2021 by Ev Uklad

How to develop a Blazor server application dynamically and generate UI from visually designed entities using Platz.SqlForms open-source

BlazorForms Low-Code Open-Source Framework. Part 3: CrmLight Lead Board

3 Feb 2023 by Ev Uklad

Developing applications based on Flows, Forms, and Rules using type-safe advantages of C#

BlazorForms Low-Code Open-Source Framework. Part 1: Introduction and Seed Projects

29 Jan 2023 by Ev Uklad

Developing applications based on Flows, Forms, and Rules using type-safe advantages of C#

BlazorForms Low-Code Open-Source Framework. Part 2: CrmLight Project

6 Feb 2023 by Ev Uklad

Developing applications based on Flows, Forms, and Rules using type-safe advantages of C#

Building a Folder Tree in Blazor

10 Feb 2022 by ferdrodrigues

Implementation of a folder tree in front-end and back-end

How to do a responsive virtual table in blazor

2 Oct 2023 by fernando Taco

I’m trying to modify the QuickGrid component in AspNetCore, which is a virtual table. What I’m trying to do is simulate the responsive capability of DataTables (JQuery), meaning that the table itself, when generated, detects that it’s overflowing...

How to display a modal form in blazor when button is clicked?

21 Nov 2023 by Gcobani Mkontwana

Hi Team I have a modal form with fields from the model and my razor component needs when a user clicks a button to open this modal form. Currently when debug from the console to see if there are any errors and no errors from the css nor...

Blazor Server. Making the Most of Fluxor

7 Aug 2023 by George Swan

How to use Fluxor to progress applications along clearly defined pathways

How can I encrypt the state file in this code? .

8 Oct 2021 by Gerry Schmitz

Walkthrough: Creating a Cryptographic Application | Microsoft Docs[^] ASP.NET Core Data Protection | Microsoft Docs[^]

web_development

Blazor Web Assembly (WASM) Toggle Switch

6 Feb 2022 by Graeme_Grant

ARIA compliant normal and EditForm Toggle switches with light & dark theme support baked in. Six bonus custom skins included.

Blazor <inputselect/> problem

2 Mar 2022 by Graeme_Grant

You need to look at the Blazor Component Lifecycle to understand why you have this problem. ref: ASP.NET Core Razor component lifecycle | Microsoft Docs[^] Have a read of this section of the information: Handle incomplete async actions at...

Blazor Component Callback from a RenderFragment Template

16 Apr 2022 by Graeme_Grant

Blazor Component method callback from an external RenderFragment Template

Blazor webassembly app displays blank page after implementing authorization

4 May 2022 by Graeme_Grant

You need to read this: ASP.NET Core Blazor authentication and authorization | Microsoft Docs[^]

How to user digital singature in devexpress blazor

16 May 2022 by Graeme_Grant

The documentation from Syncfusion is very good: Getting Started with Blazor Signature Component | Syncfusion[^] I have not seen a DevExpress Signature component. Here are all of their Blazor Components: Blazor: UI Components | DevExpress[^]

Folder browsing in devexpress blazor

30 Jun 2022 by Graeme_Grant

DevExpress have their own support forums where you can ask questions on their Components: Tickets | DevExpress Support[^]

Blazor server app - master detail having multiple rows update

14 Jul 2022 by Graeme_Grant

This is coming ... you can try it now: QuickGrid for Blazor - Introduction[^] It is built by Microsoft and will be an official component. You can try it now. UPDATE This is a replacement Grid that does the Grid part as expected. The website...

Use program.cs and startup.cs in a blazor project?

24 Aug 2022 by Graeme_Grant

Yep, YT video is pretty straight forward to follow. You have timestamped the code to be added to the Startup.cs file. The ConnectionString is for connecting to a database. If you follow the video exactly, it should work fine. Also, check out...

How to start a blazor server from another application.

9 Sep 2022 by Graeme_Grant

You are wanting to have a Blazor Hybrid app. Here is Microsoft's explanation and examples: ASP.NET Core Blazor Hybrid | Microsoft Docs[^]

Displaying combobox with flag icon

16 Nov 2022 by Graeme_Grant

The best place to ask questions on DevExpress Components is in their Support Forums: Tickets | DevExpress Support[^] DevExpress also has support documentation with examples that answer your question: DxComboBox Class | Blazor |...

Blazor parameter passing from nested to host component

25 Nov 2022 by Graeme_Grant

You need to use CascadingParameter. Check out: ASP.NET Core Blazor cascading values and parameters | Microsoft Learn[^] and Blazor University - Cascading values[^]

"Frame not in module" - "the current stack frame was not found in a loaded module. Source cannot be shown for this location"

9 Dec 2022 by Graeme_Grant

HttpClientInterceptor is not native to DotNet. Normally, you would inherit HttpClientHandler or DelegatingHandler to implement a HttpClient Interceptor that wraps the SendAsync method. Are you using this 3rd party library: GitHub -...