blazor

Create Markdown editor in Blazor Application

Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML). Nowadays, Markdown is a very …

How to set the focus to an InputText element in Blazor

In this blog post, I will show you how to focus an input element in Blazor app. Let’s suppose you want when the user browser to your page you want that focus should be on the input control. I will show you two techniques to hand…

How to add a custom event to a Blazor component

In this blog post, I will show you one of the lesser-known features of the Blazor custom event. This feature allows us to map an event to a browser event and then connect to the C# code. Here I am going to build a textbox that …

How to show progress bar in Blazor while making Http Request

In this blog post, I will show you how to show the deterministic progress bar in Blazor Web Assembly. To achieve the goal, we don’t need any third-party library. C# already has one interface, IProgress , that exposes one method,…

Dynamically-rendered ASP.NET Core Blazor components

In this blog post, I will show you how to load the blazor component dynamically. Assume you have two components, ComOne and ComTwo in the component folders and there is a select list on the page. When user select the componen…

How To call a C# method from JavaScript

As per the Wikipedia Blazor is a free, open-source web framework that enables developers to create web apps using C# and HTML. Microsoft is developing it. This blog post will show you how to call the C# static method from J…

Using @typeparam to create generic components

During the building process, files with the extension razor are transformed into files with the extension .cs . Because the class name is automatically inferred from the filename in our razor files, we need a method to specify…

How to Visualize sorting algorithm using Blazor

Microsoft’s Blazor is a cutting-edge technology for creating applications that run on the web. Blazor supports both a server-based and a client-based rendering model. In this article, I will demonstrate how to animate a sorting …

Load More
That is All