Skip to content

937492: Remove net6 and net7 reference in UG #6134

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.

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 1 commit into
base: development
Choose a base branch
from
Open
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
3 changes: 1 addition & 2 deletions blazor/common/adding-script-references.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,7 @@ N> The javascript interop files needs to be added to support the features that c
You can refer the Syncfusion<sup style="font-size:70%">&reg;</sup> 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 **Blazor WASM Standalone App**, reference scripts in `~/wwwroot/index.html` file.

Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in CDN for each version. Make sure that the version in the URLs matches the version of the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Package you are using .

Expand Down
30 changes: 2 additions & 28 deletions blazor/common/cdn-fallback.md
Original file line number Diff line number Diff line change
Expand Up @@ -56,35 +56,9 @@ You can refer the theme stylesheet inside the `<head>` 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<sup style="font-size:70%">&reg;</sup> 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 %}

<head>
...
<link rel="stylesheet" href="https://cdn.syncfusion.com/blazor/{{ site.blazorversion }}/styles/bootstrap5.css"
asp-fallback-href="_content/Syncfusion.Blazor.Themes/bootstrap5.css"
asp-fallback-test-class="e-control"
asp-fallback-test-property="font-size"
asp-fallback-test-value="12px" />
</head>

{% 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

Expand Down
5 changes: 1 addition & 4 deletions blazor/common/content-security-policy.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,7 @@ To use Syncfusion<sup style="font-size:70%">&reg;</sup> blazor components with s

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

* For **Blazor Web App**, inside the `<head>` of **~/Components/App.razor** file.
* For **Blazor Server application**, inside the `<head>` of
* **~/Pages/_Host.cshtml** file for .NET 7.
* **~/Pages/_Layout.cshtml** for .NET 6.
* For .NET 8 and.NET 9 **Blazor Web App** using any render mode (Server, WebAssembly, or Auto), inside the `<head>` of **~/Components/App.razor** file.
* For **Blazor WebAssembly App**, inside the `<head>` of **wwwroot/index.html** file.

{% tabs %}
Expand Down
5 changes: 1 addition & 4 deletions blazor/common/custom-resource-generator.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 .NET 8 and.NET 9 **Blazor Web App** using any render mode (Server, WebAssembly, or Auto), 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.

```html
<head>
Expand Down
2 changes: 1 addition & 1 deletion blazor/common/data-binding/dapper-databinding.md
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,7 @@ builder.Services.AddSyncfusionBlazor();

Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor provides different themes. They are:

* Bootstrap4
* Bootstrap5
* Material
* Fabric
* Bootstrap
Expand Down
6 changes: 3 additions & 3 deletions blazor/common/right-to-left.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,11 +34,11 @@ builder.Services.AddSyncfusionBlazor(options => { options.EnableRtl = true; });

### Blazor Server App

* For `.NET 6 or .NET 7` Blazor Server App, set [EnableRtl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.GlobalOptions.html#Syncfusion_Blazor_GlobalOptions_EnableRtl) property as `true` using `AddSyncfusionBlazor` service method in `~/Program.cs` file.
* For `.NET 8 or .NET 9` Blazor Web App, set [EnableRtl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.GlobalOptions.html#Syncfusion_Blazor_GlobalOptions_EnableRtl) property as `true` using `AddSyncfusionBlazor` service method in `~/Program.cs` file.

{% tabs %}

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

using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
Expand All @@ -63,7 +63,7 @@ If you're using Blazor WebAssembly App, set [EnableRtl](https://help.syncfusion.

{% tabs %}

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

using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
Expand Down
2 changes: 1 addition & 1 deletion blazor/getting-started/blazor-server-side-dotnet-cli.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ cd BlazorApp

This command creates new Blazor app project and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) topics for more details.

N> If you have installed multiple SDK versions and need any specific framework version (net6.0/net7.0) project, then add `-f` flag along with `dotnet new blazorserver` comment. Refer [here](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) for the available options.
N> If you have installed multiple SDK versions and need any specific framework version (net8.0/net9.0) project, then add `-f` flag along with `dotnet new blazorserver` comment. Refer [here](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) for the available options.

## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Calendars and Themes NuGet in the App

Expand Down
2 changes: 1 addition & 1 deletion blazor/getting-started/blazor-webassembly-dotnet-cli.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ dotnet new blazorwasm -o BlazorApp -ho

This command creates new Blazor WebAssembly app project and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) topics for more details.

N> If you have installed multiple SDK versions and need any specific framework version (net6.0/net7.0) project, then add `-f` flag along with `dotnet new blazorwasm` comment. Refer [here](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new#blazorwasm) for the available options.
N> If you have installed multiple SDK versions and need any specific framework version (net8.0/net9.0) project, then add `-f` flag along with `dotnet new blazorwasm` comment. Refer [here](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new#blazorwasm) for the available options.

## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Calendars and Themes NuGet in the App

Expand Down