Skip to content

786407: Updated the document #7137

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: development
Choose a base branch
from
Open

786407: Updated the document #7137

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c550b7c
786407: Updated the document
KarthikeyanSF4227 Nov 14, 2025
a8509f2
786407: Updated the document
KarthikeyanSF4227 Nov 14, 2025
0246063
786407: Updated the document
KarthikeyanSF4227 Nov 14, 2025
a093c54
786407: Updated the document
KarthikeyanSF4227 Nov 14, 2025
fcd9b72
786407: Updated the document
KarthikeyanSF4227 Nov 14, 2025
012a819
786407: Updated the document
KarthikeyanSF4227 Nov 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions blazor/common/how-to/version-compatibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ The following table shows the supported .NET and .NET Core versions for Syncfusi

| Version | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Components Version |
| ------------- | ------------- |
| [.NET 10.0](https://dotnet.microsoft.com/en-us/download/dotnet/10.0) | 31.2.10 and above |
| [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) | 27.2.2 and above |
| [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | 23.1.36 and above |
| [.NET 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) | 20.4.0.38 to 28.2.12 |
Expand Down
7 changes: 4 additions & 3 deletions blazor/visual-studio-code-integration/create-project.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,8 @@ Use the following steps to create Syncfusion<sup style="font-size:70%">&reg;</su

| .NET SDK version | Supported Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Application Type |
| ---------------- | -------------------------------------------- |
| [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App |
| [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App |
| [.NET 10.0](https://dotnet.microsoft.com/en-us/download/dotnet/10.0), [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App |
| [.NET 10.0](https://dotnet.microsoft.com/en-us/download/dotnet/10.0), [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App |

In the **Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App** application type, the following options are available:

Expand Down Expand Up @@ -79,7 +79,7 @@ Use the following steps to create Syncfusion<sup style="font-size:70%">&reg;</su

![FeaturesSection](images/FeaturesSection.png)

6. Select **Next** or the **Configuration** tab to open the Configuration section. Configure the target .NET version (.NET 9.0 or .NET 8.0), theme, HTTPS configuration, localization, authentication type, and options specific to Blazor Web App or Blazor WebAssembly App types.
6. Select **Next** or the **Configuration** tab to open the Configuration section. Configure the target .NET version (.NET 10.0, .NET 9.0 or .NET 8.0), theme, HTTPS configuration, localization, authentication type, and options specific to Blazor Web App or Blazor WebAssembly App types.

Depending on the selected Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application type, the following authentication options are supported:

Expand Down Expand Up @@ -150,3 +150,4 @@ The Syncfusion Blazor Calendar, Button, and DataGrid component render code is ad
| `~/Pages/Home.razor or Index.razor` | ![Index page updated with Syncfusion components](images/IndexFileChange.png) |
| `~/Pages/Counter.razor` | ![Counter page updated with Syncfusion components](images/CounterPageChange.png) |
| `~/Pages/FetchData.razor` | ![FetchData page updated with Syncfusion DataGrid](images/FetchDataPageChange.png) |

5 changes: 3 additions & 2 deletions blazor/visual-studio-code-integration/download-and-installation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Install the following prerequisites to install the Syncfusion<sup style="font-si

- [Visual Studio Code 1.29.0 or later](https://code.visualstudio.com/download)
- [Visual Studio 2022 ](https://visualstudio.microsoft.com/vs/) or later
- [.NET SDK 8.0 or 9.0](https://dotnet.microsoft.com/en-us/download)
- [.NET SDK 10.0](https://dotnet.microsoft.com/en-us/download)
- [C# extension]((https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp)).

## Install through the Visual Studio Code Extensions
Expand Down Expand Up @@ -69,4 +69,5 @@ The steps below describe how to install the Syncfusion Blazor extension manually

4. Browse to the downloaded SyncfusionInc.Blazor-VSCode-Extensions.vsix file and complete the installation.

![File selection dialog for SyncfusionInc.Blazor-VSCode-Extensions.vsix](images/DownloadVsix.png)

![File selection dialog for SyncfusionInc.Blazor-VSCode-Extensions.vsix](images/DownloadVsix.png)
13 changes: 8 additions & 5 deletions blazor/visual-studio-integration/download-and-installation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,16 @@ documentation: ug

Syncfusion<sup style="font-size:70%">&reg;</sup> publishes the Visual Studio extension in the Visual Studio Marketplace. Install it directly from Visual Studio or download and install it from the Visual Studio Marketplace.

[Download the Visual Studio 2022 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.BlazorVSExtension)
[Download the Visual Studio 2026 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.BlazorVSExtension)


## Prerequisites

The following software is required to install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension and to create projects, add snippets, convert, and upgrade Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor applications.

* [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/).
* [Visual Studio 2026](https://visualstudio.microsoft.com/downloads/).

* [.NET 10.0 SDK](https://dotnet.microsoft.com/en-us/download/dotnet).

* [.NET 9.0 SDK](https://dotnet.microsoft.com/en-us/download/dotnet).

Expand All @@ -28,7 +30,7 @@ The following software is required to install the Syncfusion<sup style="font-siz

The following steps describe how to install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension from **Manage Extensions** in Visual Studio.

1. Open Visual Studio 2022.
1. Open Visual Studio 2026.

2. Navigate to **Extensions -> Manage Extensions** to open the Manage Extensions window.

Expand Down Expand Up @@ -56,7 +58,7 @@ The following steps illustrate how to download and install the Syncfusion<sup st

1. Download the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension from the Visual Studio Marketplace.

[Download the Visual Studio 2022 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.BlazorVSExtension)
[Download the Visual Studio 2026 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.BlazorVSExtension)

2. Close all Visual Studio instances running, if any.

Expand All @@ -68,4 +70,5 @@ The following steps illustrate how to download and install the Syncfusion<sup st

5. After installation completes, open Visual Studio. The Syncfusion<sup style="font-size:70%">&reg;</sup> extensions are available under the **Extensions** menu.

![SyncfusionMenu](images/SyncfusionMenu.png)

![SyncfusionMenu](images/SyncfusionMenu.png)
6 changes: 2 additions & 4 deletions blazor/visual-studio-integration/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,9 @@ documentation: ug

# Overview of Blazor extension for Visual Studio

The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension for Visual Studio streamlines working with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components by configuring the required Syncfusion<sup style="font-size:70%">&reg;</sup> NuGet packages and themes. Separate extensions are available for Visual Studio 2022 and Visual Studio 2019.
The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension for Visual Studio streamlines working with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components by configuring the required Syncfusion<sup style="font-size:70%">&reg;</sup> NuGet packages and themes. Separate extensions are available for Visual Studio 2026.

[Download the Visual Studio 2022 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.BlazorVSExtension)

[Download the Visual Studio 2019 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-Extension)
[Download the Visual Studio 2026 extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.BlazorVSExtension)

The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension provides the following add-ins in Visual Studio:

Expand Down
15 changes: 8 additions & 7 deletions blazor/visual-studio-integration/template-studio.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Template Studio for Blazor | Syncfusion
description: Learn here about how to create a Blazor application using Syncfusion Blazor components with the Template Studio in Visual Studio 2022. Explore to more details.
description: Learn here about how to create a Blazor application using Syncfusion Blazor components with the Template Studio in Visual Studio 2026. Explore to more details.
platform: Blazor
control: Common
documentation: ug
Expand All @@ -11,13 +11,13 @@ documentation: ug

Syncfusion<sup style="font-size:70%">&reg;</sup> provides the Blazor Template Studio, which creates a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application preconfigured with the required Syncfusion<sup style="font-size:70%">&reg;</sup> NuGet packages, namespaces, styles, and component render mode. The Template Studio offers an intuitive project wizard to guide creation of an application with Syncfusion<sup style="font-size:70%">&reg;</sup> components.

The steps below will assist you to create your **Syncfusion Blazor Application** through **Visual Studio 2022**:
The steps below will assist you to create your **Syncfusion Blazor Application** through **Visual Studio 2026**:

> **Note:** The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extensions for Visual Studio 2019 are available only for Essential Studio<sup style="font-size:70%">&reg;</sup> versions 20.3.0.56 and earlier.
> **Note:** The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extensions for Visual Studio 2026 are available only for Essential Studio<sup style="font-size:70%">&reg;</sup> versions 20.3.0.56 and earlier.

N> Before use the Syncfusion® Blazor Project Template, check whether the Syncfusion® Blazor Template Studio Extension installed or not in Visual Studio Extension Manager by clicking on the Extensions -> Manage Extensions -> Installed. If it is not installed, follow the steps in the [download and installation](https://blazor.syncfusion.com/documentation/visual-studio-integration/download-and-installation) topic.

1. Open Visual Studio 2022.
1. Open Visual Studio 2026.

2. To create a Syncfusion® Blazor application, use either one of the following options:

Expand Down Expand Up @@ -47,8 +47,8 @@ N> Before use the Syncfusion® Blazor Project Template, check whether the Syncfu

| .NET SDK version | Supported Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application type |
| ---------------- | -------------------------------------------- |
| [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App |
| [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App |
| [.NET 10.0](https://dotnet.microsoft.com/en-us/download/dotnet/10.0), [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App |
| [.NET 10.0](https://dotnet.microsoft.com/en-us/download/dotnet/10.0), [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App |


In the **Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App** application type, you can configure the following options:
Expand Down Expand Up @@ -98,7 +98,7 @@ N> Before use the Syncfusion® Blazor Project Template, check whether the Syncfu

6. Click **Next** or select the **Features** tab to review and choose features for the selected controls.

7. Click **Next** or select the **Configuration** tab. Configure the target .NET version (.NET 9.0 or .NET 8.0), theme, HTTPS configuration, localization, authentication type, and options specific to Blazor Web App or Blazor WebAssembly Application types.
7. Click **Next** or select the **Configuration** tab. Configure the target .NET version (.NET 10.0, .NET 9.0 or .NET 8.0), theme, HTTPS configuration, localization, authentication type, and options specific to Blazor Web App or Blazor WebAssembly Application types.

Depending on your Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Application Type, refer to the table below for supported authentication types.

Expand Down Expand Up @@ -402,3 +402,4 @@ Open a command prompt in your project directory and execute the following comman
2. Accept permission request of your application.

![Accept permission](images/microsoftauthentication.png)