Merge branch 'development' into 989389-scheduling-tasks

Author: NithyaSivaprakasam

blazor/3D-chart/getting-started.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting Stared with Blazor 3D Chart Component | Syncfusion
+title: Getting Stared with Blazor 3DChart Component | Syncfusion
 description: Checkout and learn about getting started with Blazor 3D Chart component in Blazor Server App using Visual Studio and more.
 platform: Blazor
 control: 3D Chart

blazor/common/deployment/publish.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Publish and Deploy in Blazor | AOT | Syncfusion
-description: Learn here all about publish the Blazor application with Syncfusion Blazor Components and much more.
+description: Learn how to publish and deploy Blazor Web App, Blazor WASM, Blazor Server Apps with Syncfusion Blazor components, including self-contained deployment and AOT.
 platform: Blazor
 component: Common
 documentation: ug

blazor/installation/install-nuget-packages.md

@@ -28,7 +28,7 @@ The NuGet **Package Manager UI** allows you to search, install, uninstall, and u
 
 2. The Manage NuGet Packages window will open. Navigate to the **Browse** tab, then search for the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages using a term like **"Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor"** and select the appropriate Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package for your development.
 
-    N> The nuget.org package source is selected by default. If Visual Studio does not have nuget.org configured, follow the instructions in the [Microsoft documents](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-visual-studio#package-sources) to set up the nuget.org feed URL.
+    N> The [nuget.org]([nuget.org](https://api.nuget.org/v3/index.json)) package source is selected by default. If Visual Studio does not have nuget.org configured, follow the instructions in the [Microsoft documents](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-visual-studio#package-sources) to set up the nuget.org feed URL.
 
     ![Search for Syncfusion Blazor packages in the Browse tab](images/NuGetsearch.png)
 

blazor/installation/web-installer/images/webinstaller-uninstall-6.png

@@ -193,4 +193,4 @@ N> `TValue` specifies the value type of the data source for type inference. It i
 
 * [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli)
 * [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
-* [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
+* [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)

blazor/listbox/getting-started.md

@@ -231,4 +231,4 @@ By default, the popup list automatically matches the width of the MultiColumn Co
 
 * [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Client-Side in .NET Core CLI](../getting-started/blazor-webassembly-dotnet-cli)
 * [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio)
-* [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Server-Side in .NET Core CLI](../getting-started/blazor-server-side-dotnet-cli)
+* [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for Server-Side in .NET Core CLI](../getting-started/blazor-web-app)

blazor/multicolumn-combobox/getting-started.md

@@ -14,7 +14,7 @@ documentation: ug
 
 ## Getting started
 
-This section explains how to create a simple [Blazor Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table) using an OLAP data source. For details on setting up a Blazor application, refer to the [Getting started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for client-side in Visual Studio 2022](https://blazor.syncfusion.com/documentation/getting-started) guide, which covers the initial setup and configuration steps.
+This section explains how to create a simple [Blazor Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table) using an OLAP data source. For details on setting up a Blazor application, refer to the [Getting started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for client-side in Visual Studio 2022](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) guide, which covers the initial setup and configuration steps.
 
 ### Adding the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component package
 

blazor/pivot-table/olap.md

@@ -28,7 +28,9 @@ Create a service class to manage interactions with the Claude API, including aut
 2. Add a new file named `ClaudeAIService.cs` in the `Services` folder.
 3. Implement the service as shown below, storing the API key securely in a configuration file or environment variable (e.g., `appsettings.json`).
 
-```csharp
+{% tabs %}
+{% highlight c# tabtitle="ClaudeAIService.cs" %}
+
 using System.Net;
 using System.Text;
 using System.Text.Json;
@@ -93,7 +95,9 @@ public class ClaudeAIService
         }
     }
 }
-```
+
+{% endhighlight %}
+{% endtabs %}
 
 N> Store the Claude API key in `appsettings.json` (e.g., `{ "Claude": { "ApiKey": "your-api-key" } }`) or as an environment variable to ensure security. Verify the `anthropic-version` header in [Claude API Documentation](https://docs.anthropic.com/claude/docs) for the latest version.
 
@@ -104,7 +108,9 @@ Define C# classes to match the Claude API’s JSON request and response format.
 1. Create a new file named `ClaudeModels.cs` in the `Services` folder.
 2. Add the following model classes:
 
-```csharp
+{% tabs %}
+{% highlight c# tabtitle="ClaudeModels.cs" %}
+
 public class ClaudeChatRequest
 {
     public string Model { get; set; }
@@ -128,7 +134,9 @@ public class ClaudeContentBlock
 {
     public string Text { get; set; }
 }
-```
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Create a Custom AI Service
 
@@ -137,7 +145,9 @@ Implement the `IChatInferenceService` interface to connect the Smart Paste Butto
 1. Create a new file named `ClaudeInferenceService.cs` in the `Services` folder.
 2. Add the following implementation:
 
-```csharp
+{% tabs %}
+{% highlight c# tabtitle="ClaudeInferenceService.cs" %}
+
 using Syncfusion.Blazor.AI;
 using System.Threading.Tasks;
 
@@ -155,15 +165,19 @@ public class ClaudeInferenceService : IChatInferenceService
         return await _claudeService.CompleteAsync(options.Messages);
     }
 }
-```
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Configure the Blazor App
 
 Register the Claude service and `IChatInferenceService` implementation in the dependency injection container.
 
 Update the **~/Program.cs** file as follows:
 
-```csharp
+{% tabs %}
+{% highlight c# tabtitle="~/Program.cs" hl_lines="3 10 11" %}
+
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using Syncfusion.Blazor;
@@ -180,13 +194,17 @@ builder.Services.AddSingleton<IChatInferenceService, ClaudeInferenceService>();
 
 var app = builder.Build();
 // ...
-```
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Add the Smart Paste Button
 
 Add the Smart Paste Button to a form in the **~/Pages/Home.razor** file to test the Groq AI integration.
 
-```cshtml
+{% tabs %}
+{% highlight razor tabtitle="~/Pages/Home.razor" %}
+
 @using Syncfusion.Blazor.DataForm
 @using Syncfusion.Blazor.SmartComponents
 @using System.ComponentModel.DataAnnotations
@@ -234,7 +252,9 @@ Add the Smart Paste Button to a form in the **~/Pages/Home.razor** file to test
         public string Address { get; set; }
     }
 }
-```
+
+{% endhighlight %}
+{% endtabs %}
 
 N> Ensure the [Syncfusion Blazor DataForm](https://blazor.syncfusion.com/documentation/data-form/getting-started-with-web-app) package is installed for form integration.
 
@@ -260,5 +280,4 @@ If the Claude AI integration does not work, try the following:
 ## See Also
 
 - [Getting Started with Syncfusion Blazor Smart Paste Button in Blazor Web App](https://blazor.syncfusion.com/documentation/smart-paste/getting-started-webapp)
-- [Customizing Smart Paste Button Suggestions](https://blazor.syncfusion.com/documentation/smart-paste/customization)
-
+- [Customizing Smart Paste Button Suggestions](https://blazor.syncfusion.com/documentation/smart-paste/customization)

blazor/smart-paste/claude-service.md

@@ -107,7 +107,7 @@ Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in
 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).
 
 {% tabs %}
-{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
+{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="1 10" %}
 
 using Syncfusion.Blazor;
 
@@ -124,7 +124,7 @@ var app = builder.Build();
 ....
 
 {% endhighlight %}
-{% highlight c# tabtitle="Client(~/_Program.cs)" hl_lines="2 5" %}
+{% highlight c# tabtitle="Client(~/_Program.cs)" hl_lines="1 4" %}
 
 using Syncfusion.Blazor;
 
@@ -139,7 +139,7 @@ await builder.Build().RunAsync();
 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.
 
 {% tabs %}
-{% highlight c# tabtitle="~/_Program.cs" hl_lines="2 9" %}
+{% highlight c# tabtitle="~/_Program.cs" hl_lines="1 9" %}
 
 using Syncfusion.Blazor;
 

blazor/toast/getting-started-webapp.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Upgrade a project to the latest version | Syncfusion
-description: Learn here about how to upgrade a project to the latest version using the Syncfusion Blazor extension for Visual Studio Code. Explore to more details.
+description: Learn here about how to upgrade the project to the latest version using the Syncfusion Blazor extension for Visual Studio Code. Explore to more details
 platform: Blazor
 control: Common
 documentation: ug