diff --git a/blazor/common/adding-script-references.md b/blazor/common/adding-script-references.md index 05af151861..b60afaa453 100644 --- a/blazor/common/adding-script-references.md +++ b/blazor/common/adding-script-references.md @@ -17,9 +17,8 @@ N> The javascript interop files needs to be added to support the features that c You can refer the Syncfusion® Blazor scripts through the CDN resources. -* For **Blazor Web App**, reference scripts in `~/Components/App.razor` file. -* For **Blazor WASM App**, reference scripts in `~/wwwroot/index.html` file. -* For **Blazor Server App**, reference scripts in `~/Pages/_Layout.cshtml` file for `.NET 6` project and in `~/Pages/_Host.cshtml` file for `.NET 7` project. +* For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), reference scripts in `~/Components/App.razor` file. +* For **Blazor WASM Standalone App**, reference scripts in `~/wwwroot/index.html` file. Syncfusion® Blazor components are available in CDN for each version. Make sure that the version in the URLs matches the version of the Syncfusion® Blazor Package you are using . @@ -448,7 +447,7 @@ The following table lists components and its script reference. ## Custom Resource Generator -The Syncfusion® Blazor provides an option to generate a component's interop scripts using the [Custom Resource Generator](https://blazor.syncfusion.com/crg/) (CRG) tool for the Blazor components. Refer [here to generate the component-wise scripts externally using CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator). +The Syncfusion® Blazor provides an option to generate a component's interop scripts using the [Custom Resource Generator](https://blazor.syncfusion.com/crg) (CRG) tool for the Blazor components. Refer [here to generate the component-wise scripts externally using CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator). ## See also diff --git a/blazor/common/cdn-fallback.md b/blazor/common/cdn-fallback.md index a80dd2407e..e4699be8e8 100644 --- a/blazor/common/cdn-fallback.md +++ b/blazor/common/cdn-fallback.md @@ -13,7 +13,7 @@ This section provides information about how to refer fallback [scripts](https:// ## Blazor Web App -For Blazor Web app, refer the script and style sheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) inside the Script tag like below. +For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), refer the script and style sheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) inside the Script tag like below. ### Script fallback @@ -56,35 +56,9 @@ You can refer the theme stylesheet inside the `` of **~/Components/App.raz {% endhighlight %} {% endtabs %} -## Blazor Server App +## Blazor WebAssembly Standalone App -CDN links can be down by connection issues or some other problems. This will cause the site looks broken. Follow the below steps to resolve these issues in the Blazor application. - -If you are using CDN for style sheet references then you have to add style sheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) by using the [link tag helper](https://learn.microsoft.com/en-us/aspnet/core/mvc/views/tag-helpers/built-in/link-tag-helper?view=aspnetcore-7.0). Syncfusion® theme provides the `e-control` class. You can check the style from provided class by using link tag helper property. - -* **~/Pages/_Host.cshtml** file for **.NET 7**. -* **~/Pages/_Layout.cshtml** for **.NET 6**. - -{% tabs %} -{% highlight cshtml %} - - - ... - - - -{% endhighlight %} -{% endtabs %} - -N> Alternately, fallback links can be provided using [script fallback](#script-fallback) and [style sheet fallback](#style-sheet-fallback) in blazor server app. - -## Blazor WebAssembly App - -For Blazor WebAssembly app, refer the script and style sheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) inside the Script tag like below. +For Blazor WebAssembly Standalone app, refer the script and style sheet fallback from [Static Web Assets](https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets) inside the Script tag like below. ### Script fallback diff --git a/blazor/common/content-security-policy.md b/blazor/common/content-security-policy.md index 15c765792b..c9b6a24741 100644 --- a/blazor/common/content-security-policy.md +++ b/blazor/common/content-security-policy.md @@ -22,11 +22,9 @@ To use Syncfusion® blazor components with s These directives should be included in the `` tag of the application's webpage, typically -* For **Blazor Web App**, inside the `` of **~/Components/App.razor** file. -* For **Blazor Server application**, inside the `` of - * **~/Pages/_Host.cshtml** file for .NET 7. - * **~/Pages/_Layout.cshtml** for .NET 6. -* For **Blazor WebAssembly App**, inside the `` of **wwwroot/index.html** file. +* For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), inside the `` of **~/Components/App.razor** file. + +* For **Blazor WebAssembly Standalone App**, inside the `` of **wwwroot/index.html** file. {% tabs %} {% highlight c# hl_lines="9 10" %} diff --git a/blazor/common/custom-resource-generator.md b/blazor/common/custom-resource-generator.md index 1e49c19d2a..35b111b4e9 100644 --- a/blazor/common/custom-resource-generator.md +++ b/blazor/common/custom-resource-generator.md @@ -9,7 +9,7 @@ documentation: ug # Custom Resource Generator -Syncfusion® provides an option to generate a component's interop script and styles using the [Custom Resource Generator](https://blazor.syncfusion.com/crg/) (CRG) web tool for Blazor components from v19.2.0.44. This tool empowers users by generating precise interop scripts and styles specifically for their components. By leveraging the CRG, you can optimize loading times and enhance responsiveness compared to loading overall script and style resources. +Syncfusion® provides an option to generate a component's interop script and styles using the [Custom Resource Generator](https://blazor.syncfusion.com/crg) (CRG) web tool for Blazor components from v19.2.0.44. This tool empowers users by generating precise interop scripts and styles specifically for their components. By leveraging the CRG, you can optimize loading times and enhance responsiveness compared to loading overall script and style resources. ![Custom resource generator preview for Blazor](images/custom-resource-generator-preview.png) @@ -19,9 +19,9 @@ Search and select the required Syncfusion® Refer to the following steps to search and select the components in CRG: -1. Open [Syncfusion® Custom Resource Generator](https://blazor.syncfusion.com/crg/) (CRG) application. +1. Open [Syncfusion® Custom Resource Generator](https://blazor.syncfusion.com/crg) (CRG) application. 2. Type the required component name in the search bar, and then select the checkbox. The dependency of the selected component is resolved in the application itself, so you do not need to choose each dependent component manually. -![Search and select Syncfusion® Blazor UI components](images/search-non-injectable.png) +![Search and select Syncfusion Blazor UI components](images/search-non-injectable.png) 3. Select the required built-in themes from the **Select Themes** option. This provides an option to select more than one theme. ![Select the built-in themes in Blazor](images/select-inbuilt-themes.png) @@ -47,11 +47,8 @@ N> When you download the resources of Material and Tailwind themes, either separ 1. Copy and paste the downloaded custom resources in the Blazor application `~/wwwroot` folder. 2. Now, manually add the custom interop script and styles in the Blazor App. - * For **Blazor Web App**, reference custom interop script in `~/Components/App.razor` file. - * For **Blazor WASM App**, reference custom interop script in `~/wwwroot/index.html` file. - * For **Blazor Server App**, reference custom interop script in - * `~/Pages/_Layout.cshtml` file for `.NET 6` project - * `~/Pages/_Host.cshtml` file for `.NET 7` project. + * For **.NET 8 and .NET 9** Blazor Web Apps using any render mode (Server, WebAssembly, or Auto), reference custom interop script in `~/Components/App.razor` file. + * For **Blazor WASM Standalone App**, reference custom interop script in `~/wwwroot/index.html` file. ```html diff --git a/blazor/common/data-binding/sql-server-data-binding.md b/blazor/common/data-binding/sql-server-data-binding.md index c5ae7357bc..18b7c5c727 100644 --- a/blazor/common/data-binding/sql-server-data-binding.md +++ b/blazor/common/data-binding/sql-server-data-binding.md @@ -19,7 +19,7 @@ The following software are needed: * Microsoft.EntityFrameworkCore.SqlServer * Visual Studio 2022 -* .NET 6.0 or later. +* .NET 8.0 or later. ## Create the database @@ -413,12 +413,9 @@ Themes provide life to components. Syncfusion®` of **~/Components/App.razor** file for .NET 8 and .NET 9. + * For **.NET 8 and .NET 9** 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. - * For **Blazor Server application**, refer stylesheet inside the `` element of - * **~/Pages/_Host.cshtml** file for .NET 7. - * **~/Pages/_Layout.cshtml** file for .NET 6. {% highlight cshtml %} diff --git a/blazor/common/localization.md b/blazor/common/localization.md index 864292c066..167f0661aa 100644 --- a/blazor/common/localization.md +++ b/blazor/common/localization.md @@ -103,9 +103,9 @@ In Blazor Web App and Blazor WASM app, you can set culture statically in Blazor' The app's culture can be set in JavaScript by setting `applicationCulture` in Blazor's start option by following the steps below, -* For `Blazor Web App`, prevent Blazor autostart by adding `autostart="false"` attribute to the Blazor `