In this new post, I show you the code to dynamically add JavaScript from a Blazor components coming from the component itself or another URL
Dynamically add JavaScript from Blazor components
Read More
Category: Blazor
Blazor is a new web framework developed by Microsoft that allows creating interactive client-side web UI with C# and HTML. It is free, open-source, and cross-platform. It uses WebAssembly to run C# code in the browser and share app logic between the server and the client.
Uploading files in ASPNET Core
Uploading files in ASP.NET Core is largely the same as standard full framework MVC but now we can stream large files. Here I explain how
Copy to Clipboard component for Blazor
I’ll create a Copy to Clipboard component for Blazor. I use the button to notify if the copy is successful. So, I return reset the button
Markdown Editor component for Blazor
I have created a new Markdown Editor component flexible and rich of functionalities for Blazor WebAssembly and Blazor Server with .NET6.
Code Snippet component for Blazor
Today I want to show you how to create a Code Snipper component for Blazor using highlight.js that is available for 191 different languages
Azure Pipelines Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0
Azure Pipelines Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0. How to fix this error in pipeline on Azure DevOps
DataTable component for Blazor
I have just released a new DataTable component for Blazor WebAssembly and Blazor Server. The NuGet package is available here. The source code will be available soon on GitHub. This component supports client/server side paging, filtering and sorting. DataTable in action Installation So, first install the package from NuGet or execute this command or Then, open your index.html or _Host.cshtml and add the CSS in the head of the page and then the script at the bottom of the page Then, add in your _Imports.razor file the following using: Also, in the…
Markdown editor with Blazor
In this new post, I will show you have to create a simple Markdown editor component for Blazor Assembly and Blazor Server. Source code inside.
Managing a .NET Service with Blazor
In this post I will show you how creating a cross-platform and managing a .NET Service with Blazor that can be installed on Windows and Linux
Tabs control for Blazor
In this new post, I explain how to create and use Tabs control for Blazor Web Assembly and Blazor Server with basic HTML, CSS and C#
Segment control for Blazor
In this new post, I’m going to explain how to create a segment control for Blazor Web Assembly and Blazor Server. The NuGet package is available
Using Chart.js with Blazor
I want to show you how using Chart.js with Blazor Server or Blazor Web Assembly. This is a simple implementation. No using external components
Create an accordion component with Blazor
In this post, I’m going to explain how to create an accordion component with Blazor WebAssembly or Blazor Server in a very simple way
Create a Blazor component for Quill
Create a Blazor component for Quill allows us to easily consume Quill and place multiple instances of it on a single page in our applications
How to Export Data to Excel in Blazor
In this new post, I’m going to show how to export data to Excel in Blazor WebAssembly or Server. Creating and exporting data to Excel file is one of the frequently used feature in web apps. First, for creating an export in Excel, I will use a free library that is a NuGet package. ClosedXML is a .NET library for reading, manipulating and writing Excel 2007+ (.xlsx, .xlsm) files. It aims to provide an intuitive and user-friendly interface to dealing with the underlying OpenXML API. So, you can download the full source…
Write a reusable Blazor component
First part of a Blazor article series to tell how to create a reusable Blazor component that will be used in your Blazor applications
Modal Dialog component for Blazor
In this post, I explain how to implement a Modal Dialog component for Blazor WebAssembly that we can use everywhere in our application
Create Tooltip component for Blazor
I want to create a Tooltip component for Blazor WebAssembly, taking advantage of Blazor’s new CSS isolation feature. Click on the link and see
Use LocalStorage with Blazor WebAssembly
In this post I want to show how to use LocalStorage with Blazor WebAssembly to save data in the storage of the browser
InputSelect component for enumerations in Blazor
I can’t find the component I need, so, I have created one and now I’m going to give you the code for InputSelect for enumerations in Blazor
Blazor using HttpClient with authentication
Today, we are going to learn how to create a secure connection in Blazor using HttpClient with authentication to gain access to the protected resources on the Web API’s side. Everything is based on IdentityServer. Until now, we secure Blazor WebAssembly With IdentityServer4 and enabled login and logout actions. After successful login, IdentityServer sends us the id_token and the access_token. But we are not using that access_token yet. So, in this article, we are going to change that. But, using the access token with Blazor WebAssembly is not going to be our…
Secure Blazor WebAssembly with IdentityServer4
I’m going to explain how to secure a Blazor WebAssemble application with IdentityServer4. Also, how to secure API calls
Working with Blazor’s component model
Welcome to Working with Blazor’s component model” post! In this new post I’ll build a simple project in Blazor and explain the basic Blazor components and interactions. Also, the source code of the project I’m going to create in this post is available on GitHub. Here the posts I wrote about Blazor that help you to learn this new technology better and faster: What is a Blazor component? First, the fundamental building blocks of Blazor applications are components, almost everything you do will directly or indirectly work with them. In…
Setting up a Blazor WebAssembly application
Setting up a Blazor WebAssembly application creates a new solution for a simple project to explore components and interactions with Blazor
Getting started with C# and Blazor
Getting started with C# and Blazor explains how this new Microsoft technology is working and the basic information to understand Blazor