Skip to content

Commit 5456514

Browse files
rajendranr-5483rajendranr-5483
authored
Merge pull request #7173 from syncfusion-content/985195-UG
Updated new version (.NET 10) in Blazor UG documentation
2 parents e912793 + 30cd7e5 commit 5456514

28 files changed

+48
-48
lines changed

‎blazor/appearance/themes.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1049,7 +1049,7 @@ The following example demonstrates how to change a theme dynamically in Blazor a
10491049
* 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
10501050

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

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

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

11711171
@page "/"
11721172
@namespace BlazorThemeSwitcher.Pages

‎blazor/common/adding-script-references.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ N> JavaScript interop files are required for features that cannot be implemented
1717

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

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

2323
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.

‎blazor/common/cdn-fallback.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ This section explains how to reference fallback [scripts](https://blazor.syncfus
1313

1414
## Blazor Web App
1515

16-
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.
16+
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.
1717

1818
### Script fallback
1919

‎blazor/common/content-security-policy.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Include the following directives in the CSP policy for Syncfusion<sup style="fon
2222

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

25-
* 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.
25+
* 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.
2626

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

‎blazor/common/custom-resource-generator.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ N> When downloading Material or Tailwind themes (alone or with other themes), th
4747

4848
1. Copy and paste the downloaded custom resources into the application's `~/wwwroot` folder.
4949
2. Manually add the custom interop script and styles:
50-
* 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.
50+
* 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.
5151
* For a **Blazor WebAssembly (standalone) app**, reference the custom interop script in `~/wwwroot/index.html` file.
5252

5353
```html

‎blazor/common/data-binding/bind-entity-framework.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ component: Common
77
documentation: ug
88
---
99

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

1212
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.
1313
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.
@@ -508,7 +508,7 @@ Themes provide life to components. Syncfusion<sup style="font-size:70%">&reg;</s
508508

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

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

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

‎blazor/common/data-binding/sql-server-data-binding.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -413,7 +413,7 @@ Themes provide life to components. Syncfusion<sup style="font-size:70%">&reg;</s
413413

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

416-
* 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** .
416+
* 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** .
417417

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

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

457457
## Binding SQL data to the Blazor DataGrid Component
458458

459-
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.
459+
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.
460460

461461
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.
462462

‎blazor/common/data-binding/webapi-service-binding.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ To enable the OData query option for Web API, Refer to this [documentation](http
1919

2020
The following software are required:
2121
* Visual Studio 2022
22-
* .NET 7.0 or .NET 8.0 or .NET 9.0
22+
* .NET 7.0 or .NET 8.0 or .NET 9.0 or .NET 10
2323

2424
## Create the database
2525

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

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

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

473473
In this demo application, the latest theme is used.
474474

475-
* For **Blazor Web App**, refer stylesheet inside the `<head>` of **~/Components/App.razor** file for .NET 9 and .NET 8.
475+
* For **Blazor Web App**, refer stylesheet inside the `<head>` of **~/Components/App.razor** file for .NET 10, .NET 9 and .NET 8.
476476
* For **Blazor WebAssembly application**, refer stylesheet inside the `<head>` element of **wwwroot/index.html** file.
477477
* For **Blazor Server application**, refer stylesheet inside the `<head>` element of
478478
* **~/Pages/_Host.cshtml** file for .NET 7.

‎blazor/common/how-to/upgrade-syncfusion-components-to-latest-version.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Use the following checklist to upgrade Syncfusion<sup style="font-size:70%">&reg
1313

1414
## Compatible .NET version
1515

16-
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.
16+
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.
1717

1818
## Client resource file references
1919

‎blazor/common/localization.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ In Blazor Web App and Blazor WebAssembly (WASM) apps, set culture either in Blaz
102102

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

105-
* 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**.
105+
* 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**.
106106
* For a `Blazor WebAssembly Standalone app`, prevent Blazor autostart by adding `autostart="false"` to the Blazor `<script>` tag in **wwwroot/index.html**.
107107

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

223223
{% endtabs %}
224224

225-
* 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.
225+
* 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.
226226
* For a Blazor WASM Standalone app, add the JavaScript in **wwwroot/index.html** (after the Blazor `<script>` tag and before `</body>`).
227227

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

380380
{% tabs %}
381381

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

384384
builder.Services.AddControllers();
385385

@@ -413,11 +413,11 @@ app.Run();
413413
{% endhighlight %}
414414
{% endtabs %}
415415

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

418418
{% tabs %}
419419

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

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

474474
{% tabs %}
475475

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

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

536536
{% tabs %}
537537

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

540540
<div class="page">
541541
<div class="sidebar">

0 commit comments

Comments
 (0)