Merge pull request #2185 from syncfusion-content/1008834-blaz-hf

1008834: Changes for the getting started documentation for PDF Viewer…

Author: KameshRajendran

Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started-with-server-backed.md

@@ -31,9 +31,15 @@ For production apps, ensure that a valid Syncfusion license key is registered in
 
 ## ASP.NET Core PDF Viewer NuGet package installation
 
-To add the ASP.NET Core PDF Viewer control, the following NuGet package needs to be installed in the ASP.NET Core application:
+To add `ASP.NET Core` controls in the application, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search for [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) and then install it. Alternatively, you can utilize the following package manager command to achieve the same.
 
-* Use [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/)
+{% tabs %}
+{% highlight C# tabtitle="Package Manager" %}
+
+Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
 

Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started.md

@@ -29,9 +29,15 @@ This guide explains how to integrate the ASP.NET Core PDF Viewer control into an
 
 ## ASP.NET Core PDF Viewer NuGet package installation
 
-To add the ASP.NET Core PDF Viewer control, install the following NuGet package in the ASP.NET Core application:
+To add `ASP.NET Core` controls in the application, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search for [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) and then install it. Alternatively, you can utilize the following package manager command to achieve the same.
 
-* [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/)
+{% tabs %}
+{% highlight C# tabtitle="Package Manager" %}
+
+Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
 

Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md

@@ -116,8 +116,8 @@ N> Syncfusion® uses [SkiaSharp.Views.Blazor](https://www.nuget.org/packages/
 {% tabs %}
 {% highlight razor tabtitle="~/_Imports.razor" %}
 
-@using Syncfusion.Blazor;
-@using Syncfusion.Blazor.SfPdfViewer;
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.SfPdfViewer
 
 {% endhighlight %}
 {% endtabs %}
@@ -281,6 +281,7 @@ N> If the interactivity location is set to Global and the render mode is set to
 {% endtabs %}
 
 N> If the interactivity location is set to Global, a render mode does not need to be specified per page. The interactivity mode applies to the entire app.
+<br />Enable interactivity only via client-side rendering (CSR) by using the WebAssembly or Auto option
 
 Add the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer component in the **~/Pages/Index.razor** file.
 
@@ -304,7 +305,7 @@ Run the application to display the PDF file in the Syncfusion&reg; Blazor PDF Vi
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/hZVzNWqXLSZpnuzc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Web App SfPdfViewer rendering in browser](gettingstarted-images/blazor-pdfviewer.png)" %}
 
-N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WebApp).
+N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WebAppServerMode).
 
 ## See also
 

Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md

@@ -104,8 +104,8 @@ N> Syncfusion® Blazor components are available on [nuget.org](https://www.nu
 {% tabs %}
 {% highlight razor tabtitle="~/_Imports.razor" %}
 
-@using Syncfusion.Blazor;
-@using Syncfusion.Blazor.SfPdfViewer;
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.SfPdfViewer
 
 {% endhighlight %}
 {% endtabs %}
@@ -177,6 +177,8 @@ Run the application to display the PDF file in the Syncfusion® Blazor PDF Vi
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/hZVzNWqXLSZpnuzc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor WebAssembly SfPdfViewer rendering in browser](gettingstarted-images/blazor-pdfviewer.png)" %}
 
+N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WasmStandalone).
+
 ## See also
 
 * [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](./web-app)

Document-Processing/PDF/Smart-PDF-Viewer/blazor/getting-started/web-app.md

@@ -117,7 +117,7 @@ Import the [Syncfusion.Blazor](https://help.syncfusion.com/cr/blazor/Syncfusion.
 If the **Interactive Render Mode** is set to `Server`, the project contains a single **~/Program.cs** file. Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in that **~/Program.cs** file. The configured SignalR maximum message size and memory cache support large document streaming and caching for better performance. Ensure the Syncfusion license is registered during application startup.
 
 {% tabs %}
-{% highlight c# tabtitle="~/Program.cs" hl_lines="5 7 10" %}
+{% highlight c# tabtitle="~/Program.cs" hl_lines="1 5 7 10" %}
 
 using Syncfusion.Blazor;
 
@@ -165,12 +165,12 @@ dotnet add package Microsoft.Extensions.AI.OpenAI --version 9.8.0-preview.1.2541
 To configure the AI service, add the following settings to the **~/Program.cs** file in the Blazor Server app.
 
 {% tabs %}
-{% highlight C# tabtitle="~/Program.cs" hl_lines="10 11 12 13 14 15 17" %}
+{% highlight C# tabtitle="~/Program.cs" hl_lines="3 4 5 6 10 11 12 13 14 15 17" %}
 
-using Azure.AI.OpenAI;
-using Microsoft.Extensions.AI;
 using Sample.Components;
 using Syncfusion.Blazor;
+using Azure.AI.OpenAI;
+using Microsoft.Extensions.AI;
 using Syncfusion.Blazor.AI;
 using System.ClientModel;
 
@@ -306,6 +306,19 @@ N> Review the [Blazor Themes](https://blazor.syncfusion.com/documentation/appear
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Smart PDF Viewer component
 
+N> If the interactivity location is set to Global and the render mode is set to Auto, WebAssembly, or Server, the render mode is configured in the App.razor file by default.
+
+If the interactivity location is set to Per page/component, define a render mode at the top of the ~Pages/.razor component as follows:
+
+{% tabs %}
+{% highlight razor %}
+
+@* Your App render mode define here *@
+@rendermode InteractiveServer
+
+{% endhighlight %}
+{% endtabs %}
+
 Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Smart PDF Viewer component in the **~Pages/Home.razor** file.
 
 {% tabs %}