diff --git a/blazor/appearance/themes.md b/blazor/appearance/themes.md index 8eb2517954..ee4e79ab8a 100644 --- a/blazor/appearance/themes.md +++ b/blazor/appearance/themes.md @@ -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; @@ -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 diff --git a/blazor/common/adding-script-references.md b/blazor/common/adding-script-references.md index 891eaa5162..d2868302ec 100644 --- a/blazor/common/adding-script-references.md +++ b/blazor/common/adding-script-references.md @@ -17,7 +17,7 @@ N> JavaScript interop files are required for features that cannot be implemented You can refer the Syncfusion® 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® Blazor components are available on the CDN per version. Ensure the version in the URLs matches the NuGet package version used in the application. diff --git a/blazor/common/cdn-fallback.md b/blazor/common/cdn-fallback.md index cfc1a3a855..c8eed92f0f 100644 --- a/blazor/common/cdn-fallback.md +++ b/blazor/common/cdn-fallback.md @@ -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 diff --git a/blazor/common/content-security-policy.md b/blazor/common/content-security-policy.md index 94c136eccb..6913c8de16 100644 --- a/blazor/common/content-security-policy.md +++ b/blazor/common/content-security-policy.md @@ -22,7 +22,7 @@ Include the following directives in the CSP policy for Syncfusion® 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® component to perform CRUD operations in a Blazor Server Application. @@ -508,7 +508,7 @@ Themes provide life to components. Syncfusion®` of **~/Components/App.razor** file for .NET 9 and .NET 8. + * For **Blazor Web App**, refer stylesheet inside the `` of **~/Components/App.razor** file for .NET 10, .NET 9 and .NET 8. * For **Blazor WebAssembly application**, refer stylesheet inside the `` element of **wwwroot/index.html** file. * For **Blazor Server application**, refer stylesheet inside the `` element of diff --git a/blazor/common/data-binding/sql-server-data-binding.md b/blazor/common/data-binding/sql-server-data-binding.md index 07b258e197..16d956ae0c 100644 --- a/blazor/common/data-binding/sql-server-data-binding.md +++ b/blazor/common/data-binding/sql-server-data-binding.md @@ -413,7 +413,7 @@ Themes provide life to components. Syncfusion®` 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 `` of **~/Components/App.razor** . * For **Blazor WebAssembly application**, refer stylesheet inside the `` element of **wwwroot/index.html** file. @@ -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. diff --git a/blazor/common/data-binding/webapi-service-binding.md b/blazor/common/data-binding/webapi-service-binding.md index fa77e81095..7dc70bc1d9 100644 --- a/blazor/common/data-binding/webapi-service-binding.md +++ b/blazor/common/data-binding/webapi-service-binding.md @@ -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 @@ -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(); @@ -472,7 +472,7 @@ Themes provide life to components. Syncfusion®` of **~/Components/App.razor** file for .NET 9 and .NET 8. +* For **Blazor Web App**, refer stylesheet inside the `` of **~/Components/App.razor** file for .NET 10, .NET 9 and .NET 8. * For **Blazor WebAssembly application**, refer stylesheet inside the `` element of **wwwroot/index.html** file. * For **Blazor Server application**, refer stylesheet inside the `` element of * **~/Pages/_Host.cshtml** file for .NET 7. diff --git a/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version.md b/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version.md index e671006d4b..694b184813 100644 --- a/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version.md +++ b/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version.md @@ -13,7 +13,7 @@ Use the following checklist to upgrade Syncfusion® ## Compatible .NET version -Syncfusion® 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® Blazor components and .NET SDK. +Syncfusion® 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® Blazor components and .NET SDK. ## Client resource file references diff --git a/blazor/common/localization.md b/blazor/common/localization.md index e0af46a0ab..ecc91bfab2 100644 --- a/blazor/common/localization.md +++ b/blazor/common/localization.md @@ -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 `