Skip to content

Updated code language format #6958

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.

Sign up for GitHub

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

Merged
merged 2 commits into from
Oct 17, 2025
Merged

Updated code language format #6958

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1dbb3a5
Updated code language format
Backiaraj Oct 16, 2025
5c804b6
Updated code format
Backiaraj Oct 16, 2025
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
46 changes: 32 additions & 14 deletions blazor/toast/getting-started-webapp.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,18 +93,22 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa

Import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Notifications` namespaces:

```razor
{% tabs %}
{% highlight C# tabtitle="~/_Imports.razor" %}

@using Syncfusion.Blazor
@using Syncfusion.Blazor.Notifications
```

{% endhighlight %}
{% endtabs %}

Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** file of the Blazor Web App.

If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both Program.cs files (Server and Client).

Server:
{% tabs %}
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}

```csharp
using Syncfusion.Blazor;

var builder = WebApplication.CreateBuilder(args);
Expand All @@ -117,22 +121,26 @@ builder.Services.AddRazorComponents()
builder.Services.AddSyncfusionBlazor();

var app = builder.Build();
```
....

Client:
{% endhighlight %}
{% highlight c# tabtitle="Client(~/_Program.cs)" hl_lines="2 5" %}

```csharp
using Syncfusion.Blazor;

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.Services.AddSyncfusionBlazor();

await builder.Build().RunAsync();
```

{% endhighlight %}
{% endtabs %}

If the **Interactive Render Mode** is set to `Server`, the project contains a single **~/Program.cs** file. In this case, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service only in that file.

```csharp
{% tabs %}
{% highlight c# tabtitle="~/_Program.cs" hl_lines="2 9" %}

using Syncfusion.Blazor;

var builder = WebApplication.CreateBuilder(args);
Expand All @@ -144,7 +152,9 @@ builder.Services.AddRazorComponents()
builder.Services.AddSyncfusionBlazor();

var app = builder.Build();
```

{% endhighlight %}
{% endtabs %}

## Add stylesheet and script resources

Expand Down Expand Up @@ -179,14 +189,20 @@ N> If the **Interactivity Location** is set to `Global` and the **Render Mode**

Render mode directive:

```razor
{% tabs %}
{% highlight razor %}

@* Desired render mode defined here *@
@rendermode InteractiveAuto
```

{% endhighlight %}
{% endtabs %}

Toast component example:

```razor
{% tabs %}
{% highlight razor %}

<div class="col-lg-12 control-section toast-default-section">
<SfToast ID="toast_default" @ref="ToastObj" Title="Adaptive Tiles Meeting" Content="@ToastContent" Timeout="5000" Icon="e-meeting">
<ToastPosition X="@ToastPosition"></ToastPosition>
Expand Down Expand Up @@ -226,7 +242,9 @@ Toast component example:
await ToastObj.HideAsync("All");
}
}
```

{% endhighlight %}
{% endtabs %}

Use <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Toast component renders in the default web browser.

Expand Down
25 changes: 19 additions & 6 deletions blazor/toast/getting-started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,14 +79,20 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa

Open `~/_Imports.razor` and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Notifications` namespaces:

```razor
{% tabs %}
{% highlight C# tabtitle="~/_Imports.razor" %}

@using Syncfusion.Blazor
@using Syncfusion.Blazor.Notifications
```

{% endhighlight %}
{% endtabs %}

Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in `~/Program.cs` of the Blazor WebAssembly app:

```csharp
{% tabs %}
{% highlight C# tabtitle="~/Program.cs" hl_lines="3 11" %}

using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Syncfusion.Blazor;
Expand All @@ -99,7 +105,10 @@ builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.

builder.Services.AddSyncfusionBlazor();
await builder.Build().RunAsync();
```
....

{% endhighlight %}
{% endtabs %}

## Add stylesheet and script resources

Expand All @@ -119,7 +128,9 @@ N> See the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearanc

Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Toast component to `~/Pages/Index.razor`:

```razor
{% tabs %}
{% highlight razor %}

<div class="col-lg-12 control-section toast-default-section">
<SfToast ID="toast_default" @ref="ToastObj" Title="Adaptive Tiles Meeting" Content="@ToastContent" Timeout="5000" Icon="e-meeting">
<ToastPosition X="@ToastPosition"></ToastPosition>
Expand Down Expand Up @@ -159,7 +170,9 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Toast component
await ToastObj.HideAsync("All");
}
}
```

{% endhighlight %}
{% endtabs %}

Launch the application with <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS). The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Toast component renders in the default web browser.

Expand Down