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

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

Debugging Blazor Components

by Shaun C Curtis

How to debug Blazor Components

All Articles

top

Blazor

A Dive into Blazor Components

16 Jun 2021 by Shaun C Curtis

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

Blazor

ASP.NET-Core

Design

Dev

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

19 Jan 2022 by Scott Ward

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

Javascript

.NET

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

Building Blazor Edit Forms

10 Feb 2021 by Shaun C Curtis

How to build Blazor Edit Forms that manage state

Blazor

Dev

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

20 Nov 2023 by Graeme_Grant

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

Templated Data container with Razor

26 Jun 2023 by Pete O'Hanlon

Rather than littering a razor component with @if (a == b) logic to show items, use render fragments to make a declarative component

Blazor

Razor

data

Music Notation in Blazor - Part I

1 Aug 2018 by Ajcek84

Client-side music notation rendering in Blazor

Blazor State Management

22 Jan 2020 by Jeremy Likness

Blazor Server and Blazor WebAssembly (client) don't store state by default, resulting in a subpar user experience. This article tackles solutions to the problem.

Building Blazor Base Components

14 Jul 2023 by Shaun C Curtis

How to build a suite of base components for Blazor

Blazor

Design

Dev

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

Javascript

SQL

Blazor

Building a Database Application in Blazor - Part 5 - View Components - CRUD List Operations in the UI

7 Apr 2021 by Shaun C Curtis

How to build the CRUD List Presentation/UI Layer in a Blazor Database Application

ASP.NET Core Blazor Filtering and Sorting using Entity Framework and Web API

30 May 2018 by syed shanu

This article will explain in detail about, how to create an ASP.NET Core Blazor Filter and Sorting for HTML Table using Entity Framework and Web API.

ASP.NET Core and Blazor Code Venture: Configuring Azure AD Authentication

5 Aug 2019 by Vincent Maverick Durano

This is the first article of the ASP.NET Core and Blazor Code Venture series. The goal of this article series is to build a data driven Blazor app from scratch starting from setting up your development workspace, authentication, data access with CRUD, consuming Rest APIs and down to deployment.

Building a Blazor WASM and Server All In One Solution

4 Apr 2021 by Shaun C Curtis

How to build a single Blazor application that runs in both WASM and Server Modes

Blazor

Dev

Building a Database Application in Blazor - Part 4 - UI Controls

7 Apr 2021 by Shaun C Curtis

How to build the UI Controls in a Blazor Database Application

Building a Blazor Editor Framework

16 Feb 2021 by Shaun C Curtis

How to build an Edit Framework for Blazor Forms

Blazor

ASP.NET-Core

Dev

Blazor Component Callback from a RenderFragment Template

16 Apr 2022 by Graeme_Grant

Blazor Component method callback from an external RenderFragment Template

.NET

Blazor

Blazor Web Assembly (WASM) Theme Switching

22 Jan 2022 by Graeme_Grant

User preference theme support - supporting OS / Browser preference to custom user selection

ASP.NET Core Blazor Master Detail Grid with Filtering and Sorting using EF and Web API

13 Jun 2018 by syed shanu

In this article, let’s see how to create our own ASP.NET Core Blazor Master Detail HTML Grid with Sorting and Filtering using Entity Framework, and Web API. We also use the Dynamic Content features of Blazor to create our Master Detail Grid.

Async Programming in Blazor

11 Aug 2020 by Shaun C Curtis

A guide to async programming in Blazor

Building Leaner, Meaner, Greener Blazor Components

31 Oct 2022 by Shaun C Curtis

Rethinking the Blazor Component

Blazor

Design

Dev

Advanced Blazor: Shared Assemblies and Debugging from Edge

20 Nov 2019 by Jeremy Likness

Advanced Blazor techniques are covered such as sharing Razor class libraries between a Blazor WebAssembly project and Blazor server-side. Shows how to reference embedded resources like JavaScript libraries, debug on server-side then deploy as client-side and debug in the browser.

Use Bootstrap Toggle Button Group in Blazor

15 Apr 2021 by Daniel H. W.

Toggle Buttons to select different options without JavaScript

.NET-Core

Blazor

Building a Blazor Server Application from the Web/Razor Template

6 Jan 2022 by Shaun C Curtis

This article shows how to build a Blazor Server Application from the ASPNetCore template.

Blazor

Dev

How do I assign a string value to ienumerable<string> datatype?

23 Jul 2023 by OriginalGriff

FIrstly, this line is a bit ... overcomplicated:varname = ("0").Split(new string[] { "," }, StringSplitOptions.None); You can get the same result with varname = "0".Split(",", StringSplitOptions.None); orvarname = "0".Split(',',...

C#4.0

Blazor

Blazor Server. Making the Most of Fluxor

7 Aug 2023 by George Swan

How to use Fluxor to progress applications along clearly defined pathways

.NET

Blazor

Fluxor

Blazor datepicker Component using JQuery

6 Jun 2021 by aditya pewekar

Custom JQuery datepicker component using Blazor

EF Core and Cosmos DB with Blazor WebAssembly

15 May 2020 by Jeremy Likness

How to use EF Core and Cosmos DB with Blazor WebAssembly

ASP.NET Core Localization with XLocalizer

13 Nov 2020 by Ziya Mollamahmut

Localizing ASP.NET Core powered by online translation and auto resource creating...

Blazor

ASP.NET-Core

JSON

An Alternative to Routing in Blazor

13 Nov 2020 by Shaun C Curtis

A Blazor application with no Routing or URLs

Where is the "load event" in blazor?

31 Jul 2021 by Matthew Dennis

I found the videos at Blazor Train[^] to be very useful when trying to understand Blazor. Nice bite sized chunks of focused information. Also you might check out Chris Sainty - Building with Blazor[^]. He is literally writing the book.

Blazor

Razor

ASP.NET Blazor & FontAwesome

5 Aug 2022 by Tarek Najem

A new Blazor component to facilitate the use of the FontAwesome framework in Blazor

Blazor

FontAwesome

.NET6.0

Get the Data out of Your Blazor UI

8 Aug 2022 by Shaun C Curtis

How to move the data and its management out of the Blazor UI

.NET

Blazor

Dev

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

22 Jul 2023 by Graeme_Grant

Razden Official Support[^] is the best place to ask about Razden Products.

Blazor

BlazorForms

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

15 Nov 2023 by Member 9581093

I am new to website programming and I am confused by the different option I have read on this topic. So, I would like to just ask the question very simplistically and make sure I am approaching this correctly. Task I am hosting a Blazor web...

How do I launch an android app from a blazor hybrid app

26 Jan 2024 by Graeme_Grant

Make a Method in MAUI, then expose it to your Blazor Hybrid app. You call the MAUI method and that will do the native Android work for you. If you are not sure how to do this, there are plenty of examples: call maui method from a blazor hybrid...

Android

Blazor

MAUI

Learn to Develop Alphabet Learning Mobile Game for Kids using Mobile Blazor Bindings

4 Feb 2020 by syed shanu

How to getting started and work with new Mobile Blazor Binding for developing Cross-Platform mobile application using Blazor

Android

Mobile

Blazor

Azure AD Secured Serverless Cosmos DB from Blazor WebAssembly

26 May 2020 by Jeremy Likness

How can you connect securely without storing credentials in the client and hosting your own identity service? The solution is to use Azure Active Directory for authentication and communicate securely with a serverless Azure Function.

Computed Properties in Xomega Framework

6 Dec 2020 by Xomega Team

How to write multi-platform UI framework independent presentation logic

Exploring Blazor Component Rendering

18 Dec 2020 by Shaun C Curtis

Blazor Component update process explored

Blazor

ASP.NET-Core

Dev

A Blazor Edit Form State Control

16 Mar 2021 by Shaun C Curtis

A Blazor control to manage and monitor edit state in a form

Blazor

ASP.NET-Core

Dev

Azure Cosmos DB With EF Core on Blazor Server

21 Jul 2021 by Jeremy Likness

This article walks you through my project Planetary Docs, a repository that showcases a full application that supports Create, Read, Update, and Delete operations (CRUD) using Blazor (Server), Entity Framework Core and Azure Cosmos DB.

Multi-tenancy with EF Core in Blazor Server Apps

21 Jul 2021 by Jeremy Likness

In this article I demonstrate multi-tenancy in a Blazor Server app

Blazor

How can I get data in blazor based on dropdown value

27 Jul 2021 by TheRealSteveJudge

This is normal as you do not use the KlientId parameter in the GetKontoplan method. You must do it like this: public List GetKontoplan(int KlientId) { return _db.Kontoplan.Where(x => x.KlientId == KlientId).ToList(); }

Blazor

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:...

.NET5

Blazor

Can someone give me an answer?

4 Nov 2021 by OriginalGriff

1) VPN's do not block cookies. They just block your IP which makes tracking harder. 2) No. If you want security, don't store anything related to users on their computer. Remember, you can read cookies / local storage and copy values. That means I...

SQL

Blazor

VPN

Error CS1660 cannot convert lambda expression to type 'string' because it is not a delegate type

9 Jan 2022 by Richard Deeming

You are trying to use code for the MVC5 version of the control[^]. But you've tagged your question as Blazor, which means you're using the ASP.NET Core version of the control. The ASP.NET Core version doesn't accept a delegate as a parameter to...

Blazor

ASP.NET

DevExpress

'Could not deserialize the response body stream as services.base.detailsdto' in blazor app when call API

26 Jan 2022 by Richard Deeming

Your API client is expecting your endpoint to return a single record. You cannot change the endpoint to return a list of records and expect it to magically work. Either add a different endpoint for returning the list of records, or change your...

ASP.NET-Core

Blazor

ASP.NET

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 do I show many dropdown dynamically using by if condition?

7 Nov 2022 by Old Mate Jim

I am a bit rusty on my Blazor and only took a quick look at the Radzen components for this, but what I would do is create a component that can have multiple drop-downs based on a parameter passed to it like so: MultipleDropdowns @{ ...

Blazor

Why are my model.attachment is empty

3 Jan 2023 by Graeme_Grant

I did a quick Google Search: c# mvc form file example - Google Search[^] Found this accepted solution: MVC: How to post File Upload and other form fields to one action [solved] - StackOverflow[^] UPDATE I have put together a sample app to...

How to handle the error when the external api failed due to internet disconnected

17 Jan 2023 by Graeme_Grant

Expanding on @Mohamed_Elanssary[^] solution, the only time that you would need to check the online status is when the HttpRequestException is thrown. Then you can differentiate between a failed HTTP request and being offline. 1. add the...

Blazor

Matching Services with the Blazor Component Scope

24 Jan 2023 by Shaun C Curtis

An article describing how to create services that have the same scope as a Blazor Page/Form

Blazor

Design

Dev

A Blazor Edit State Tracker

30 Mar 2023 by Shaun C Curtis

This article describes how to build an Edit State Tracker for Blazor that integrates into EditForm and EditContext.

Blazor

Design

Dev

Blazor server app not communicating with REST api

16 Aug 2022 by Richard Deeming

As discussed in the comments, applications on different ports suggests a CORS problem: Cross-Origin Resource Sharing (CORS) - HTTP | MDN[^] Different ports means different origins. You'll need to update the API to send back an appropriate CORS...

.NET6

Blazor

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

server

How do I prevent resending resend OTP razor page from another browser’s tab?

5 Aug 2023 by Graeme_Grant

You would need to throttle the requests on the server side using a timed cache of the username as it is the only data being passed. Then when the server receives the request, check the cache and either allow the process to continue or return a...

C#4.0

Blazor

Debugging Blazor Components

5 Sep 2023 by Shaun C Curtis

How to debug Blazor Components

Blazor

How do I download a file using memorystream?

19 Oct 2023 by M Imran Ansari

I'm assuming, you are working with ASP.NET Core application, to download a file from the wwwroot folder when a button is clicked, you can use the PhysicalFile method and return a FileContentResult from the controller. Here's an example: using...

C#6.0

Blazor

Unable to resolve service for type 'webassembly.server.data.updatedbbackgroundservice' while attempting to activate 'webassembly.server.controllers.backgroundservicecontroller'.

16 Oct 2023 by Graeme_Grant

.Net (Core)Hosted Services run in a different container to normal Dependency Injection, therefore, to access, you need to access them differently. You can read about it here: Background tasks with hosted services in ASP.NET Core | Microsoft...

Blazor

ASP.NET-Core

WebAPI

How can I create dynamic properties of database columns at runtime?

12 Nov 2023 by M Imran Ansari

You can visit the following link for dynamic columns generation in datagrid using syncfusion: Columns in Blazor DataGrid Component | Syncfusion[^] Here is the sample, download this sample as a demonstration and customize it according to your...

Blazor

WebAssembly

DataGrid

Integer parameters modified to empty string

27 Nov 2023 by Graeme_Grant

A few things: 1. You're asking for paging however paging is not part of the EF query. 2. An EF GET should use NoTracking unless you are going to update and postback to the db. In your case, you're running a pagination query and forget with...

Blazor

WebAPI