Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 2 additions & 2 deletions blazor/appearance/themes.md
Original file line number Diff line number Diff line change
Expand Up @@ -1049,7 +1049,7 @@ The following example demonstrates how to change a theme dynamically in Blazor a
* For **Blazor Web App using any interactive render mode (Server, WebAssembly, or Auto)**, the theme is changed based on query string at the **~/Components/App.razor** file

{% tabs %}
{% highlight c# tabtitle=".NET 9 & .NET 8 (~/App.razor)" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/App.razor)" %}

@using Microsoft.AspNetCore.WebUtilities;
@inject NavigationManager UrlHelper;
Expand Down Expand Up @@ -1166,7 +1166,7 @@ The following example demonstrates how to change a theme dynamically in Blazor a
1. For **Blazor Server application**, the theme is changed based on query string at the **~/Components/App.razor** file.

{% tabs %}
{% highlight c# tabtitle=".NET 9 & .NET 8 (~/App.razor)" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/App.razor)" %}

@page "/"
@namespace BlazorThemeSwitcher.Pages
Expand Down
2 changes: 1 addition & 1 deletion blazor/common/adding-script-references.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ N> JavaScript interop files are required for features that cannot be implemented

You can refer the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor scripts using the CDN resources.

* For **.NET 8 and .NET 9** Blazor Web App (any render mode: Server, WebAssembly, or Auto), add scripts in `~/Components/App.razor`.
* For **.NET 8, .NET 9 and .NET 10** Blazor Web App (any render mode: Server, WebAssembly, or Auto), add scripts in `~/Components/App.razor`.
* For a **Blazor WebAssembly (standalone) App**, add scripts in `~/wwwroot/index.html`.

Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available on the CDN per version. Ensure the version in the URLs matches the NuGet package version used in the application.
Expand Down
2 changes: 1 addition & 1 deletion blazor/common/cdn-fallback.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ This section explains how to reference fallback [scripts](https://blazor.syncfus

## Blazor Web App

For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), reference script and stylesheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) as shown below.
For **.NET 8, .NET 9 and .NET 10** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), reference script and stylesheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) as shown below.

### Script fallback

Expand Down
2 changes: 1 addition & 1 deletion blazor/common/content-security-policy.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Include the following directives in the CSP policy for Syncfusion<sup style="fon

These directives should be included in the `<head>` tag of the application's webpage, typically

* For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), inside the `<head>` of the **~/Components/App.razor** file.
* For **.NET 8, .NET 9 and .NET 10** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), inside the `<head>` of the **~/Components/App.razor** file.

* For **Blazor WebAssembly Standalone App**, inside the `<head>` of the **wwwroot/index.html** file.

Expand Down
2 changes: 1 addition & 1 deletion blazor/common/custom-resource-generator.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ N> When downloading Material or Tailwind themes (alone or with other themes), th

1. Copy and paste the downloaded custom resources into the application's `~/wwwroot` folder.
2. Manually add the custom interop script and styles:
* For **.NET 8 and .NET 9** Blazor Web App (any render mode: Server, WebAssembly, or Auto), reference the custom interop script in `~/Components/App.razor` file.
* For **.NET 8, .NET 9 and .NET 10** Blazor Web App (any render mode: Server, WebAssembly, or Auto), reference the custom interop script in `~/Components/App.razor` file.
* For a **Blazor WebAssembly (standalone) app**, reference the custom interop script in `~/wwwroot/index.html` file.

```html
Expand Down
4 changes: 2 additions & 2 deletions blazor/common/data-binding/bind-entity-framework.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ component: Common
documentation: ug
---

# Bind Data from SQL Server to Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Components
# Bind Data from SQL Server to Syncfusion® Blazor Components

In this section, you can learn how to retrieve data from SQL database using [Entity Framework](https://learn.microsoft.com/en-us/ef/core/) to bind it to the Grid component and perform CRUD operations.
Entity Framework is an open-source object-relational mapper (O/RM) from Microsoft. Entity Framework works with many databases. But here, we are going to discuss the step-by-step procedure to create an Entity Framework using the [MS SQL Server](https://en.wikipedia.org/wiki/Microsoft_SQL_Server) database and connect it to the Syncfusion<sup style="font-size:70%">&reg;</sup> component to perform CRUD operations in a Blazor Server Application.
Expand Down Expand Up @@ -508,7 +508,7 @@ Themes provide life to components. Syncfusion<sup style="font-size:70%">&reg;</s

In this demo application, the latest theme will be used.

* For **Blazor Web App**, refer stylesheet inside the `<head>` of **~/Components/App.razor** file for .NET 9 and .NET 8.
* For **Blazor Web App**, refer stylesheet inside the `<head>` of **~/Components/App.razor** file for .NET 10, .NET 9 and .NET 8.

* For **Blazor WebAssembly application**, refer stylesheet inside the `<head>` element of **wwwroot/index.html** file.
* For **Blazor Server application**, refer stylesheet inside the `<head>` element of
Expand Down
4 changes: 2 additions & 2 deletions blazor/common/data-binding/sql-server-data-binding.md
Original file line number Diff line number Diff line change
Expand Up @@ -413,7 +413,7 @@ Themes provide life to components. Syncfusion<sup style="font-size:70%">&reg;</s

In this demo application, the latest theme will be used.

* For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), refer stylesheet inside the `<head>` of **~/Components/App.razor** .
* For **.NET 8, .NET 9 and .NET 10** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), refer stylesheet inside the `<head>` of **~/Components/App.razor** .

* For **Blazor WebAssembly application**, refer stylesheet inside the `<head>` element of **wwwroot/index.html** file.

Expand Down Expand Up @@ -456,7 +456,7 @@ If you have set the interactivity location to `Per page/component` in the web ap

## Binding SQL data to the Blazor DataGrid Component

Now, get the SQL data from the SQL server and bind it to the DataGrid component as a datasource by using the Custom adaptor feature. The Custom Adaptor can be created as a [Component](https://blazor.syncfusion.com/documentation/datagrid/custom-binding#custom-adaptor-as-component). Refer the [Grid Custom Binding](https://blazor.syncfusion.com/documentation/datagrid/custom-binding) and [Custom adaptor as component](https://blazor.syncfusion.com/documentation/datagrid/custom-binding#custom-adaptor-as-component) documentation for more details on the Custom adaptor.
Now, get the SQL data from the SQL server and bind it to the DataGrid component as a datasource by using the Custom adaptor feature. The Custom Adaptor can be created as a [Component](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/custom-adaptor). Refer the [Grid Custom Binding](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/custom-adaptor#data-binding) and [Custom adaptor as component](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/custom-adaptor) documentation for more details on the Custom adaptor.

Grid columns can be defined using the [GridColumn](https://blazor.syncfusion.com/documentation/datagrid/columns) component. Create columns using the following code. The properties used and their usage are discussed below.

Expand Down
6 changes: 3 additions & 3 deletions blazor/common/data-binding/webapi-service-binding.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ To enable the OData query option for Web API, Refer to this [documentation](http

The following software are required:
* Visual Studio 2022
* .NET 7.0 or .NET 8.0 or .NET 9.0
* .NET 7.0 or .NET 8.0 or .NET 9.0 or .NET 10

## Create the database

Expand Down Expand Up @@ -218,7 +218,7 @@ namespace WebAPICRUDServerApp
* Now, open **Program.cs** file and add **AddControllers & MapControllers** method as follows.

{% tabs %}
{% highlight c# tabtitle=".NET 9 & .NET 8 (~/Program.cs)" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/Program.cs)" %}

......
builder.Services.AddControllers();
Expand Down Expand Up @@ -472,7 +472,7 @@ Themes provide life to components. Syncfusion<sup style="font-size:70%">&reg;</s

In this demo application, the latest theme is used.

* For **Blazor Web App**, refer stylesheet inside the `<head>` of **~/Components/App.razor** file for .NET 9 and .NET 8.
* For **Blazor Web App**, refer stylesheet inside the `<head>` of **~/Components/App.razor** file for .NET 10, .NET 9 and .NET 8.
* For **Blazor WebAssembly application**, refer stylesheet inside the `<head>` element of **wwwroot/index.html** file.
* For **Blazor Server application**, refer stylesheet inside the `<head>` element of
* **~/Pages/_Host.cshtml** file for .NET 7.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Use the following checklist to upgrade Syncfusion<sup style="font-size:70%">&reg

## Compatible .NET version

Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components in the latest version `'{:nuget-version:}'` are compatible with the latest version of [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0). Also, refer to [version compatibility](./version-compatibility) documentation for more information about version compatibility of Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components and .NET SDK.
Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components in the latest version `'{:nuget-version:}'` are compatible with the latest version of [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or [.NET 9.0](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) or [.NET 10](https://dotnet.microsoft.com/en-us/download/dotnet/10.0). Also, refer to [version compatibility](./version-compatibility) documentation for more information about version compatibility of Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components and .NET SDK.

## Client resource file references

Expand Down
14 changes: 7 additions & 7 deletions blazor/common/localization.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@ In Blazor Web App and Blazor WebAssembly (WASM) apps, set culture either in Blaz

Set the app’s culture in JavaScript by configuring `applicationCulture` in Blazor’s start options:

* For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), prevent Blazor autostart by adding `autostart="false"` to the Blazor `<script>` tag in **~/Components/App.razor**.
* For **.NET 8, .NET 9 and .NET 10** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), prevent Blazor autostart by adding `autostart="false"` to the Blazor `<script>` tag in **~/Components/App.razor**.
* For a `Blazor WebAssembly Standalone app`, prevent Blazor autostart by adding `autostart="false"` to the Blazor `<script>` tag in **wwwroot/index.html**.

{% tabs %}
Expand Down Expand Up @@ -222,7 +222,7 @@ For Blazor Web App and Blazor WASM Standalone apps, set the `BlazorWebAssemblyLo

{% endtabs %}

* For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), add JavaScript in **~/Components/App.razor** (after the Blazor `<script>` tag and before `</body>`) to get and set the user’s selected culture in browser local storage.
* For **.NET 8, .NET 9 and .NET 10** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), add JavaScript in **~/Components/App.razor** (after the Blazor `<script>` tag and before `</body>`) to get and set the user’s selected culture in browser local storage.
* For a Blazor WASM Standalone app, add the JavaScript in **wwwroot/index.html** (after the Blazor `<script>` tag and before `</body>`).

{% tabs %}
Expand Down Expand Up @@ -379,7 +379,7 @@ For a Blazor Web App using the **Interactive render mode** of `Server`, register

{% tabs %}

{% highlight c# tabtitle=".NET 9 & .NET 8 (~/Program.cs)" hl_lines="4 6 7 8 9 10 13 24" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/Program.cs)" hl_lines="4 6 7 8 9 10 13 24" %}

builder.Services.AddControllers();

Expand Down Expand Up @@ -413,11 +413,11 @@ app.Run();
{% endhighlight %}
{% endtabs %}

For .NET 9 and .NET 8, set the current culture in a cookie in the App component file.
For .NET 10, .NET 9 and .NET 8, set the current culture in a cookie in the App component file.

{% tabs %}

{% highlight C# tabtitle=".NET 9 & .NET 8 (App.razor)" %}
{% highlight C# tabtitle=".NET 10, .NET 9 & .NET 8 (App.razor)" %}

@using System.Globalization
@using Microsoft.AspNetCore.Localization
Expand Down Expand Up @@ -473,7 +473,7 @@ Create a `CultureSwitcher` component and place it inside the shared folder to pe

{% tabs %}

{% highlight razor tabtitle=".NET 9 & .NET 8 (Components/Pages/CultureSwitcher.razor)" %}
{% highlight razor tabtitle=".NET 10, .NET 9 & .NET 8 (Components/Pages/CultureSwitcher.razor)" %}

@using System.Globalization
@inject NavigationManager NavigationManager
Expand Down Expand Up @@ -535,7 +535,7 @@ Add the `CultureSwitcher` component to `Shared/MainLayout.razor` to enable the c

{% tabs %}

{% highlight razor tabtitle=".NET 9 & .NET 8 (Components/Layout/MainLayout.razor)" %}
{% highlight razor tabtitle=".NET 10, .NET 9 & .NET 8 (Components/Layout/MainLayout.razor)" %}

<div class="page">
<div class="sidebar">
Expand Down
4 changes: 2 additions & 2 deletions blazor/common/right-to-left.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Enable right-to-left (RTL) globally for all Syncfusion<sup style="font-size:70%"

### Blazor Web App

For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), set the [EnableRtl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.GlobalOptions.html#Syncfusion_Blazor_GlobalOptions_EnableRtl) property to `true` using the `AddSyncfusionBlazor` service method in the `~/Program.cs` file.
For **.NET 8, .NET 9 and .NET 10** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), set the [EnableRtl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.GlobalOptions.html#Syncfusion_Blazor_GlobalOptions_EnableRtl) property to `true` using the `AddSyncfusionBlazor` service method in the `~/Program.cs` file.

{% tabs %}

Expand All @@ -38,7 +38,7 @@ For Blazor WebAssembly Standalone apps, set the [EnableRtl](https://help.syncfus

{% tabs %}

{% highlight c# tabtitle=".NET 8 & .NET 9 (~/Program.cs)" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/Program.cs)" %}

using Syncfusion.Blazor;

Expand Down
6 changes: 3 additions & 3 deletions blazor/getting-started/blazor-single-nuget.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Getting started with Syncfusion.Blazor Single NuGet in Visual Studio
description: Check out the documentation for getting started with Syncfusion.Blazor Single NuGet in Syncfusion Blazor Web App and and explore here to more details.
description: Check out the documentation for getting started with Syncfusion.Blazor Single NuGet in Syncfusion Blazor Application and and explore here to more details.
platform: Blazor
component: Common
documentation: ug
Expand Down Expand Up @@ -88,9 +88,9 @@ await builder.Build().RunAsync();
The theme stylesheet and script can be accessed from NuGet through [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). Reference the stylesheet and script in the `<head>` of the main page as follows:


* For **.NET 8 and .NET 9 WebAssembly Standalone app** , include it in **wwwroot/index.html** file.
* For **.NET 8, .NET 9 and .NET 10 WebAssembly Standalone app** , include it in **wwwroot/index.html** file.

* For **.NET 8 and .NET 9 Blazor WebApp Server Interactive Mode**, include it in **~/Components/App.razor**.
* For **.NET 8, .NET 9 and .NET 10 Blazor WebApp Server Interactive Mode**, include it in **~/Components/App.razor**.

```html
<head>
Expand Down
4 changes: 2 additions & 2 deletions blazor/getting-started/blazor-web-app-authentication.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Getting Started with Blazor Web App with Authentication

This guide demonstrates how to build a **Blazor Web App with authentication** using **.NET 9**. It uses the built-in `AuthenticationStateProvider` to retrieve and manage user identity details from the application's authentication context, enabling secure and consistent user state handling across components.
This guide demonstrates how to build a **Blazor Web App with authentication** using **.NET 9** or **.NET 10**. It uses the built-in `AuthenticationStateProvider` to retrieve and manage user identity details from the application's authentication context, enabling secure and consistent user state handling across components.

## Prerequisites

Expand Down Expand Up @@ -103,7 +103,7 @@ builder.Services.AddSyncfusionBlazor();

The theme stylesheet and script are available via NuGet as [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). To include them in the application, add the stylesheet reference within the <head> section and the script reference just before the closing </body> tag, as shown below.

* For **.NET 9 and .NET 8** Blazor Web App, include these references in the **~/Components/App.razor** file.
* For **.NET 10, .NET 9 and .NET 8** Blazor Web App, include these references in the **~/Components/App.razor** file.

```html
<head>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ builder.Services.AddSyncfusionBlazor();

The theme stylesheet and script can be accessed from NuGet through [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). Reference the stylesheet in the `<head>` section and the script at the end of the `<body>` of the main page as follows:

* For **.NET 9 and .NET 8** Blazor WebAssembly Standalone app, include it in the **~/Components/App.razor** file.
* For **.NET 10, .NET 9 and .NET 8** Blazor WebAssembly Standalone app, include it in the **~/Components/App.razor** file.

```html
<head>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -45,11 +45,11 @@ Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR LICENSE KEY

After referencing the RCL from a Blazor Server application, register the license key in Program.cs.

* For .NET 8 and .NET 9 apps, open **~/Program.cs** and register the Syncfusion license key.
* For .NET 8, .NET 9 and .NET 10 apps, open **~/Program.cs** and register the Syncfusion license key.

{% tabs %}

{% highlight c# tabtitle=".NET 8 & .NET 9 (~/Program.cs)" hl_lines="2 3" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/Program.cs)" hl_lines="2 3" %}

var app = builder.Build();
// Register the Syncfusion license
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -49,11 +49,11 @@ Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR LICENSE KEY

## Blazor Web App (Interactive Server)

* For .NET 8 and .NET 9, open the **~/Program.cs** file and register the Syncfusion<sup style="font-size:70%">&reg;</sup> license key.
* For .NET 8, .NET 9 and .NET 10, open the **~/Program.cs** file and register the Syncfusion<sup style="font-size:70%">&reg;</sup> license key.

{% tabs %}

{% highlight c# tabtitle=".NET 8 & .NET 9 (~/Program.cs)" hl_lines="2 3" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/Program.cs)" hl_lines="2 3" %}

var app = builder.Build();
// Register the Syncfusion license
Expand Down Expand Up @@ -91,7 +91,7 @@ Open **~/Program.cs** file and register the Syncfusion<sup style="font-size:70%"

{% tabs %}

{% highlight c# tabtitle=".NET 8 & .NET 9 (~/Program.cs)" hl_lines="1 2" %}
{% highlight c# tabtitle=".NET 10, .NET 9 & .NET 8 (~/Program.cs)" hl_lines="1 2" %}

// Register the Syncfusion license
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR LICENSE KEY");
Expand Down
2 changes: 1 addition & 1 deletion blazor/getting-started/microsoft-teams-app.md
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ var app = builder.Build();

The theme stylesheet and script can be accessed from NuGet through [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). Reference the stylesheet and script in the `<head>` of the main page as follows:

* For **.NET 8 and .NET 9** Microsoft Teams tab app, include it in the **~/Components/Pages/App.razor** file.
* For **.NET 8, .NET 9 and .NET 10** Microsoft Teams tab app, include it in the **~/Components/Pages/App.razor** file.

```html
<head>
Expand Down
Loading