Skip to content

Commit 0a2cf88

Browse files
Merge branch 'hotfix/hotfix-v32.2.3' into EJ2-1009098-H
2 parents 860e24c + 016ea40 commit 0a2cf88

11 files changed

Lines changed: 110 additions & 73 deletions

File tree

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

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,15 @@ For production apps, ensure that a valid Syncfusion license key is registered in
3131

3232
## ASP.NET Core PDF Viewer NuGet package installation
3333

34-
To add the ASP.NET Core PDF Viewer control, the following NuGet package needs to be installed in the ASP.NET Core application:
34+
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.
3535

36-
* Use [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/)
36+
{% tabs %}
37+
{% highlight C# tabtitle="Package Manager" %}
38+
39+
Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
40+
41+
{% endhighlight %}
42+
{% endtabs %}
3743

3844
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
3945

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

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,15 @@ This guide explains how to integrate the ASP.NET Core PDF Viewer control into an
2929

3030
## ASP.NET Core PDF Viewer NuGet package installation
3131

32-
To add the ASP.NET Core PDF Viewer control, install the following NuGet package in the ASP.NET Core application:
32+
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.
3333

34-
* [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/)
34+
{% tabs %}
35+
{% highlight C# tabtitle="Package Manager" %}
36+
37+
Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
38+
39+
{% endhighlight %}
40+
{% endtabs %}
3541

3642
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
3743

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

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -116,8 +116,8 @@ N> Syncfusion&reg; uses [SkiaSharp.Views.Blazor](https://www.nuget.org/packages/
116116
{% tabs %}
117117
{% highlight razor tabtitle="~/_Imports.razor" %}
118118

119-
@using Syncfusion.Blazor;
120-
@using Syncfusion.Blazor.SfPdfViewer;
119+
@using Syncfusion.Blazor
120+
@using Syncfusion.Blazor.SfPdfViewer
121121

122122
{% endhighlight %}
123123
{% endtabs %}
@@ -281,6 +281,7 @@ N> If the interactivity location is set to Global and the render mode is set to
281281
{% endtabs %}
282282

283283
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.
284+
<br />Enable interactivity only via client-side rendering (CSR) by using the WebAssembly or Auto option
284285

285286
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer component in the **~/Pages/Index.razor** file.
286287

@@ -304,7 +305,7 @@ Run the application to display the PDF file in the Syncfusion&reg; Blazor PDF Vi
304305

305306
{% 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)" %}
306307

307-
N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WebApp).
308+
N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WebAppServerMode).
308309

309310
## See also
310311

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

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -104,8 +104,8 @@ N> Syncfusion&reg; Blazor components are available on [nuget.org](https://www.nu
104104
{% tabs %}
105105
{% highlight razor tabtitle="~/_Imports.razor" %}
106106

107-
@using Syncfusion.Blazor;
108-
@using Syncfusion.Blazor.SfPdfViewer;
107+
@using Syncfusion.Blazor
108+
@using Syncfusion.Blazor.SfPdfViewer
109109

110110
{% endhighlight %}
111111
{% endtabs %}
@@ -177,6 +177,8 @@ Run the application to display the PDF file in the Syncfusion&reg; Blazor PDF Vi
177177

178178
{% 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)" %}
179179

180+
N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WasmStandalone).
181+
180182
## See also
181183

182184
* [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](./web-app)

Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -93,12 +93,12 @@ To enable additional features, inject the required modules. The following module
9393
dotnet run
9494
```
9595

96-
6. The PDF Viewer server instance runs at `https://localhost:5001`. Navigate to `https://localhost:5001/pdfviewer`, which returns the default GET response method. Bind this link to the `serviceUrl` property of the PDF Viewer as shown below.
96+
6. The PDF Viewer server instance runs at `https://localhost:7255`. Navigate to `https://localhost:7255/pdfviewer`, which returns the default GET response method. Bind this link to the `serviceUrl` property of the PDF Viewer as shown below.
9797

9898
```javascript
9999
var pdfviewer = new ej.pdfviewer.PdfViewer({
100100
documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
101-
serviceUrl: 'https://localhost:5001/pdfviewer'
101+
serviceUrl: 'https://localhost:7255/pdfviewer'
102102
});
103103
```
104104

Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,4 +67,8 @@ var pdfviewer = new ej.pdfviewer.PdfViewer({
6767

6868
View the sample in GitHub to [load PDF Viewer with local resources](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Refer%20resource%20url%20locally)
6969

70-
**Step 4:** Now, run the `index.html` in web browser, it will render the `Essential JS 2 PDF Viewer` component.
70+
**Step 4:** Now, run the `index.html` in web browser using a local web server, it will render the `Essential JS 2 PDF Viewer` component. You can use the following command to start the server.
71+
72+
```
73+
npx serve .
74+
```

Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
8484
let pdfviewer: PdfViewer = new PdfViewer();
8585
pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
8686
pdfviewer.appendTo('#PdfViewer');
87-
pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
87+
pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', '');
8888

8989
{% endhighlight %}
9090
{% endtabs %}
@@ -147,7 +147,7 @@ document.getElementById('load').addEventListener('click', function () {
147147
pdfViewer.serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
148148
pdfViewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
149149
pdfViewer.dataBind();
150-
pdfViewer.load(pdfViewer.documentPath, null);
150+
pdfViewer.load(pdfViewer.documentPath, '');
151151
});
152152

153153
N> The Web API link https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/ used in the `serviceUrl` property is intended for demonstration and evaluation only. For production, host your own web service with the required server configuration. You can reuse the [GitHub web service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server). **Standalone mode is strongly recommended.**
@@ -198,15 +198,15 @@ Inject modules using the `PdfViewer.Inject` method.
198198
dotnet run
199199
```
200200

201-
6. The PDF Viewer server instance runs at `https://localhost:5001`. Navigate to `https://localhost:5001/pdfviewer` to see the default GET response. Bind this URL to the [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) property of the PDF Viewer as shown below.
201+
6. The PDF Viewer server instance runs at `https://localhost:7255`. Navigate to `https://localhost:7255/pdfviewer` to see the default GET response. Bind this URL to the [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) property of the PDF Viewer as shown below.
202202

203203
{% tabs %}
204204
{% highlight ts tabtitle="app.ts" %}
205205

206206
let pdfviewer: PdfViewer = new PdfViewer();
207-
pdfviewer.serviceUrl = 'https://localhost:5001/pdfviewer';
207+
pdfviewer.serviceUrl = 'https://localhost:7255/pdfviewer';
208208
pdfviewer.appendTo('#PdfViewer');
209-
pdfviewer.load('PDF_Succinctly.pdf', null);
209+
pdfviewer.load('PDF_Succinctly.pdf', '');
210210

211211
{% endhighlight %}
212212
{% endtabs %}

Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -262,17 +262,6 @@ export default {
262262
{% endhighlight %}
263263
{% endtabs %}
264264

265-
The following summarized code is available in the **src/App.vue** file:
266-
267-
{% tabs %}
268-
{% highlight html tabtitle="~/src/App.vue" %}
269-
{% include code-snippet/pdfviewer/vue/getting-started-cs1/app-composition.vue %}
270-
{% endhighlight %}
271-
{% highlight html tabtitle="~/src/App.vue" %}
272-
{% include code-snippet/pdfviewer/vue/getting-started-cs1/app.vue %}
273-
{% endhighlight %}
274-
{% endtabs %}
275-
276265
N> We have provided the support to dynamically change the `serviceUrl`. After updating the `serviceUrl` dynamically, invoke the `pdfViewer.dataBind()` method before calling the `load` method. This ensures that the updated `serviceUrl` is applied immediately. Make sure to perform this step in versions 23.1.36 and later.
277266

278267
N> The Web API hosted link https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer utilized in the PDF viewer's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server) for hosting your own web service and use for the serviceUrl property. **We strongly recommend using the standalone mode.**

Document-Processing/PDF/PDF-Viewer/vue/getting-started.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,6 @@ import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
9898
BookmarkView,ThumbnailView, Print,TextSelection, TextSearch,
9999
Annotation, FormDesigner, FormFields, PageOrganizer} from '@syncfusion/ej2-vue-pdfviewer';
100100

101-
}
102101
</script>
103102

104103
{% endhighlight %}

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

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ Import the [Syncfusion.Blazor](https://help.syncfusion.com/cr/blazor/Syncfusion.
117117
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.
118118

119119
{% tabs %}
120-
{% highlight c# tabtitle="~/Program.cs" hl_lines="5 7 10" %}
120+
{% highlight c# tabtitle="~/Program.cs" hl_lines="1 5 7 10" %}
121121

122122
using Syncfusion.Blazor;
123123

@@ -165,12 +165,12 @@ dotnet add package Microsoft.Extensions.AI.OpenAI --version 9.8.0-preview.1.2541
165165
To configure the AI service, add the following settings to the **~/Program.cs** file in the Blazor Server app.
166166

167167
{% tabs %}
168-
{% highlight C# tabtitle="~/Program.cs" hl_lines="10 11 12 13 14 15 17" %}
168+
{% highlight C# tabtitle="~/Program.cs" hl_lines="3 4 5 6 10 11 12 13 14 15 17" %}
169169

170-
using Azure.AI.OpenAI;
171-
using Microsoft.Extensions.AI;
172170
using Sample.Components;
173171
using Syncfusion.Blazor;
172+
using Azure.AI.OpenAI;
173+
using Microsoft.Extensions.AI;
174174
using Syncfusion.Blazor.AI;
175175
using System.ClientModel;
176176

@@ -306,6 +306,19 @@ N> Review the [Blazor Themes](https://blazor.syncfusion.com/documentation/appear
306306

307307
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Smart PDF Viewer component
308308

309+
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.
310+
311+
If the interactivity location is set to Per page/component, define a render mode at the top of the ~Pages/.razor component as follows:
312+
313+
{% tabs %}
314+
{% highlight razor %}
315+
316+
@* Your App render mode define here *@
317+
@rendermode InteractiveServer
318+
319+
{% endhighlight %}
320+
{% endtabs %}
321+
309322
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Smart PDF Viewer component in the **~Pages/Home.razor** file.
310323

311324
{% tabs %}

0 commit comments

Comments
 (0)