Weekly Nuget Release
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/mcp.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/mcp.md
index f1c41c74b9..1479ef736d 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/mcp.md
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/mcp.md
@@ -14,8 +14,6 @@ The Syncfusion® ASP.NET Core MCP Server accelerates Spreadsheet application dev
Use the `search_docs` tool to obtain contextual guidance, code examples, and documentation for ASP.NET Core Spreadsheet applications.
-> The previously available Agentic UI Builder (`#sf_aspnetcore_ui_builder`) has been upgraded to an Agent skill-based experience and is no longer part of the MCP Server. To learn more about the new Agentic UI Builder, see the [documentation](https://ej2.syncfusion.com/aspnetcore/documentation/mcp). The AI Coding Assistant (`#sf_aspnetcore_assistant`) has been renamed to `search_docs` (`#search_docs`) to ensure that the tool name follows MCP naming conventions.
-
## Key benefits
- **Spreadsheet-specific guidance**: Access relevant documentation for data binding, formulas, open and save operations, charts, conditional formatting, sorting, filtering, hyperlinks, scrolling, and other Spreadsheet features.
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/mcp.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/mcp.md
index 8917b3e417..e4aae775a3 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/mcp.md
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/mcp.md
@@ -14,8 +14,6 @@ The Syncfusion® ASP.NET MVC MCP Server accelerates Spreadsheet application deve
Use the `search_docs` tool to obtain contextual guidance, code examples, and documentation for ASP.NET MVC Spreadsheet applications.
-> The previously available Agentic UI Builder (`#sf_aspnetmvc_ui_builder`) has been upgraded to an Agent skill-based experience and is no longer part of the MCP Server. To learn more about the new Agentic UI Builder, see the [documentation](https://ej2.syncfusion.com/aspnetmvc/documentation/mcp). The AI Coding Assistant (`#sf_aspnetmvc_assistant`) has been renamed to `search_docs` (`#search_docs`) to ensure that the tool name follows MCP naming conventions.
-
## Key benefits
- **Spreadsheet-specific guidance**: Access relevant documentation for data binding, formulas, open and save operations, charts, conditional formatting, sorting, filtering, hyperlinks, scrolling, and other Spreadsheet features.
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md b/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md
index 9616093cae..c6178d0fdf 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md
@@ -11,6 +11,92 @@ documentation: ug
This section explains how to create a simple Angular application and add the [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) component with the minimum required setup.
+{% tabcontents %}
+
+{% tabcontent Syncfusion CLI %}
+
+## Prerequisites
+
+- [Node.js 24+](https://nodejs.org/en) (LTS recommended).
+- Syncfusion CLI.
+
+## Install the Syncfusion CLI
+
+Install the Syncfusion CLI globally using the following command:
+
+{% tabs %}
+{% highlight bash tabtitle="npm" %}
+npm install -g @syncfusion/syncfusion-cli
+{% endhighlight %}
+{% endtabs %}
+
+## Create a new Angular application using Syncfusion CLI
+
+You can create a Angular application using the Syncfusion CLI. The CLI provides two ways to create a project:
+
+### Non-interactive mode
+
+Non-interactive mode allows you to create a project directly using a single command with the required command-line arguments.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+sf new syncfusion-angular-app --framework angular --template spreadsheet-editor --theme tailwind3
+{% endhighlight %}
+{% endtabs %}
+
+In this mode, the project configuration is passed directly in the command. The above command creates a Angular application configured with the Syncfusion® `Spreadsheet Editor` component.
+
+### Interactive mode
+
+Interactive mode guides you through the project creation process with step-by-step prompts.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+sf
+{% endhighlight %}
+{% endtabs %}
+
+When you run the `sf` command, the CLI prompts you to select the required project configuration. To create a Angular application with the Syncfusion® `Spreadsheet Editor` component, select the following options:
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+
+√ Project name? ... syncfusion-angular-app
+√ Choose Framework: » Angular
+√ Choose Template: » Spreadsheet Editor
+√ Choose Theme: » Tailwind3
+√ Choose Style Format: » CSS
+√ Would you like to integrate the Syncfusion MCP Server (AI Assistant) into this project? ... no
+√ Would you like to install Syncfusion Component Skills for AI-powered development? ... no
+√ Install dependencies and start app now? ... no
+
+{% endhighlight %}
+{% endtabs %}
+
+The above selections generate a Angular application configured with the Syncfusion® `Spreadsheet Editor` component. You can choose different values for language, theme, style format, MCP setup, and skills installation based on your project requirements.
+
+The Syncfusion® CLI creates the project with a predefined template. After the project is generated, you can customize or replace the component code based on your application requirements.
+
+## Run the project
+
+Once the project is created, navigate to the project directory and run the following commands in your terminal.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+cd syncfusion-angular-app
+npm install
+ng serve
+{% endhighlight %}
+{% endtabs %}
+
+The output will appear as follows:
+
+
+
+{% endtabcontent %}
+
+{% tabcontent Angular CLI %}
+
## Prerequisites
[System requirements for Syncfusion® Angular components](https://ej2.syncfusion.com/angular/documentation/system-requirement)
@@ -106,6 +192,10 @@ ng serve
After the application starts, open the localhost URL shown in the terminal to view the Angular Spreadsheet Editor in the browser. The output will appear as follows:
+{% endtabcontent %}
+
+{% endtabcontents %}
+
You can also explore the Spreadsheet interactively using the live sample below.
{% previewsample "/document-processing/samples/spreadsheet/angular/spreadsheet-cs1" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/images/syncfusion-cli.png b/Document-Processing/Excel/Spreadsheet/Angular/images/syncfusion-cli.png
new file mode 100644
index 0000000000..5aeb025ce1
Binary files /dev/null and b/Document-Processing/Excel/Spreadsheet/Angular/images/syncfusion-cli.png differ
diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md b/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md
index 1a4a57efc0..41d24d19dd 100644
--- a/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md
+++ b/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md
@@ -91,7 +91,7 @@ Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR_LICENSE_KEY
{% endhighlight %}
{% endtabs %}
-N> Replace `YOUR_LICENSE_KEY` with your actual Syncfusion license key. For details on generating and registering a license key, see [Licensing](https://blazor.syncfusion.com/documentation/licensing).
+N> Replace `YOUR_LICENSE_KEY` with your actual Syncfusion license key. For details on generating and registering a license key, see [Licensing](https://help.syncfusion.com/document-processing/licensing/how-to-generate).
## Add stylesheet resource
diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/getting-started-webapp.md b/Document-Processing/Excel/Spreadsheet/Blazor/getting-started-webapp.md
index dd993459df..d7024da788 100644
--- a/Document-Processing/Excel/Spreadsheet/Blazor/getting-started-webapp.md
+++ b/Document-Processing/Excel/Spreadsheet/Blazor/getting-started-webapp.md
@@ -205,7 +205,7 @@ Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR_LICENSE_KEY
{% endhighlight %}
{% endtabs %}
-N> Replace `YOUR_LICENSE_KEY` with your actual Syncfusion license key. For details on generating and registering a license key, see [Licensing](https://blazor.syncfusion.com/documentation/licensing).
+N> Replace `YOUR_LICENSE_KEY` with your actual Syncfusion license key. For details on generating and registering a license key, see [Licensing](https://help.syncfusion.com/document-processing/licensing/how-to-generate).
## Add stylesheet resource
diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md b/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md
index a06a22d98d..96f1eb0857 100644
--- a/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md
+++ b/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md
@@ -188,7 +188,7 @@ Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR_LICENSE_KEY
{% endhighlight %}
{% endtabs %}
-N> Replace `YOUR_LICENSE_KEY` with your actual Syncfusion license key. For details on generating and registering a license key, see [Licensing](https://blazor.syncfusion.com/documentation/licensing).
+N> Replace `YOUR_LICENSE_KEY` with your actual Syncfusion license key. For details on generating and registering a license key, see [Licensing](https://help.syncfusion.com/document-processing/licensing/how-to-generate).
## Add stylesheet resource
diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/mcp.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/mcp.md
index 2af79ddc45..560cfbf66f 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/mcp.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/mcp.md
@@ -14,8 +14,6 @@ The Syncfusion® JavaScript MCP Server accelerates Spreadsheet application devel
Use the `search_docs` tool to obtain contextual guidance, code examples, and documentation for JavaScript Spreadsheet applications.
-> The previously available Agentic UI Builder (`#sf_javascript_ui_builder`) has been upgraded to an Agent skill-based experience and is no longer part of the MCP Server. To learn more about the new Agentic UI Builder, see the [documentation](https://ej2.syncfusion.com/javascript/documentation/mcp). The AI Coding Assistant (`#sf_javascript_assistant`) has been renamed to `search_docs` (`#search_docs`) to ensure that the tool name follows MCP naming conventions.
-
## Key benefits
- **Spreadsheet-specific guidance**: Access relevant documentation for data binding, formulas, open and save operations, charts, conditional formatting, sorting, filtering, hyperlinks, scrolling, and other Spreadsheet features.
diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/mcp.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/mcp.md
index 0dc6d7c8e9..116c36edee 100644
--- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/mcp.md
+++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/mcp.md
@@ -14,8 +14,6 @@ The Syncfusion® TypeScript MCP Server accelerates Spreadsheet application devel
Use the `search_docs` tool to obtain contextual guidance, code examples, and documentation for TypeScript Spreadsheet applications.
-> The previously available Agentic UI Builder (`#sf_typescript_ui_builder`) has been upgraded to an Agent skill-based experience and is no longer part of the MCP Server. To learn more about the new Agentic UI Builder, see the [documentation](https://ej2.syncfusion.com/documentation/mcp). The AI Coding Assistant (`#sf_typescript_assistant`) has been renamed to `search_docs` (`#search_docs`) to ensure that the tool name follows MCP naming conventions.
-
## Key benefits
- **Spreadsheet-specific guidance**: Access relevant documentation for data binding, formulas, open and save operations, charts, conditional formatting, sorting, filtering, hyperlinks, scrolling, and other Spreadsheet features.
diff --git a/Document-Processing/Excel/Spreadsheet/React/getting-started.md b/Document-Processing/Excel/Spreadsheet/React/getting-started.md
index c5213c6113..1a5be87557 100644
--- a/Document-Processing/Excel/Spreadsheet/React/getting-started.md
+++ b/Document-Processing/Excel/Spreadsheet/React/getting-started.md
@@ -11,6 +11,94 @@ documentation: ug
This section explains how to create a simple React application and add the [React Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor) component with the minimum required setup.
+{% tabcontents %}
+
+{% tabcontent Syncfusion CLI %}
+
+## Prerequisites
+
+- [Node.js 24+](https://nodejs.org/en) (LTS recommended).
+- Syncfusion CLI.
+
+## Install the Syncfusion CLI
+
+Install the Syncfusion CLI globally using the following command:
+
+{% tabs %}
+{% highlight bash tabtitle="npm" %}
+npm install -g @syncfusion/syncfusion-cli
+{% endhighlight %}
+{% endtabs %}
+
+## Set up the Vite project using Syncfusion CLI
+
+You can create a React Vite application using the Syncfusion CLI. The CLI provides two ways to create a project:
+
+### Non-interactive mode
+
+Non-interactive mode allows you to create a project directly using a single command with the required command-line arguments.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+sf new my-app --framework react --type ts --template spreadsheet-editor --theme tailwind3
+{% endhighlight %}
+{% endtabs %}
+
+In this mode, the project configuration is passed directly in the command. The above command creates a React Vite application configured with the Syncfusion® `Spreadsheet Editor` component.
+
+### Interactive mode
+
+Interactive mode guides you through the project creation process with step-by-step prompts.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+sf
+{% endhighlight %}
+{% endtabs %}
+
+When you run the `sf` command, the CLI prompts you to select the required project configuration. To create a React Vite application with the Syncfusion® `Spreadsheet Editor` component, select the following options:
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+
+√ Project name? ... my-app
+√ Choose Framework: » React
+√ Choose Build Tool: » Vite
+√ Choose Language: » TypeScript
+√ Choose Template: » Spreadsheet Editor
+√ Choose Theme: » Tailwind3
+√ Choose Style Format: » CSS
+√ Would you like to integrate the Syncfusion MCP Server (AI Assistant) into this project? ... no
+√ Would you like to install Syncfusion Component Skills for AI-powered development? ... no
+√ Install dependencies and start app now? ... no
+
+{% endhighlight %}
+{% endtabs %}
+
+The above selections generate a React Vite application configured with the Syncfusion® `Spreadsheet Editor` component. You can choose different values for language, theme, style format, MCP setup, and skills installation based on your project requirements.
+
+The Syncfusion® CLI creates the project with a predefined template. After the project is generated, you can customize or replace the component code based on your application requirements.
+
+## Run the project
+
+Once the project is created, navigate to the project directory and run the following commands in your terminal.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+cd my-app
+npm install
+npm run dev
+{% endhighlight %}
+{% endtabs %}
+
+The output will appear as follows:
+
+
+
+{% endtabcontent %}
+
+{% tabcontent Vite CLI %}
+
## Prerequisites
[System requirements for React components](https://ej2.syncfusion.com/react/documentation/system-requirement)
@@ -115,6 +203,10 @@ After the application starts, open the localhost URL shown in the terminal to vi
+{% endtabcontent %}
+
+{% endtabcontents %}
+
You can also explore the Spreadsheet interactively using the live sample below.
{% previewsample "/document-processing/code-snippet/spreadsheet/react/getting-started-cs1" %}
diff --git a/Document-Processing/Excel/Spreadsheet/React/images/syncfusion-cli.png b/Document-Processing/Excel/Spreadsheet/React/images/syncfusion-cli.png
new file mode 100644
index 0000000000..5aeb025ce1
Binary files /dev/null and b/Document-Processing/Excel/Spreadsheet/React/images/syncfusion-cli.png differ
diff --git a/Document-Processing/Excel/Spreadsheet/Vue/images/syncfusion-cli.png b/Document-Processing/Excel/Spreadsheet/Vue/images/syncfusion-cli.png
new file mode 100644
index 0000000000..5aeb025ce1
Binary files /dev/null and b/Document-Processing/Excel/Spreadsheet/Vue/images/syncfusion-cli.png differ
diff --git a/Document-Processing/Excel/Spreadsheet/Vue/mcp.md b/Document-Processing/Excel/Spreadsheet/Vue/mcp.md
index 83b9d86a64..c85272e9a6 100644
--- a/Document-Processing/Excel/Spreadsheet/Vue/mcp.md
+++ b/Document-Processing/Excel/Spreadsheet/Vue/mcp.md
@@ -14,8 +14,6 @@ The Syncfusion® Vue MCP Server accelerates Spreadsheet application development
Use the `search_docs` tool to obtain contextual guidance, code examples, and documentation for Vue Spreadsheet applications.
-> The previously available Agentic UI Builder (`#sf_vue_ui_builder`) has been upgraded to an Agent skill-based experience and is no longer part of the MCP Server. To learn more about the new Agentic UI Builder, see the [documentation](https://ej2.syncfusion.com/vue/documentation/mcp). The AI Coding Assistant (`#sf_vue_assistant`) has been renamed to `search_docs` (`#search_docs`) to ensure that the tool name follows MCP naming conventions.
-
## Key benefits
- **Spreadsheet-specific guidance**: Access relevant documentation for data binding, formulas, open and save operations, charts, conditional formatting, sorting, filtering, hyperlinks, scrolling, and other Spreadsheet features.
diff --git a/Document-Processing/Excel/Spreadsheet/Vue/vue-3-getting-started.md b/Document-Processing/Excel/Spreadsheet/Vue/vue-3-getting-started.md
index e3b7f3368c..fa6d752b8b 100644
--- a/Document-Processing/Excel/Spreadsheet/Vue/vue-3-getting-started.md
+++ b/Document-Processing/Excel/Spreadsheet/Vue/vue-3-getting-started.md
@@ -11,6 +11,92 @@ documentation: ug
This article provides a step-by-step guide for setting up a [Vite](https://vitejs.dev/) project with a JavaScript environment and integrating the [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) component using the [Composition API](https://vuejs.org/guide/introduction.html#composition-api) / [Options API](https://vuejs.org/guide/introduction.html#options-api).
+{% tabcontents %}
+{% tabcontent Syncfusion CLI %}
+
+## Prerequisites
+
+- [Node.js 24+](https://nodejs.org/en) (LTS recommended).
+- Syncfusion CLI.
+
+## Install the Syncfusion CLI
+
+Install the Syncfusion CLI globally using the following command:
+
+{% tabs %}
+{% highlight bash tabtitle="npm" %}
+npm install -g @syncfusion/syncfusion-cli
+{% endhighlight %}
+{% endtabs %}
+
+## Set up the Vite project using Syncfusion CLI
+
+You can create a Vue application with [Vite](https://vite.dev/) using the Syncfusion CLI. The CLI provides two ways to create a project:
+
+### Non-interactive mode
+
+Non-interactive mode allows you to create a project directly using a single command with the required command-line arguments.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+sf new my-project --framework vue --template spreadsheet-editor --theme tailwind3
+{% endhighlight %}
+{% endtabs %}
+
+In this mode, the project configuration is passed directly in the command. The above command creates a `Vue` application with Vite and configured it with the Syncfusion® `Spreadsheet Editor` component. The generated project uses the TypeScript and the Composition API.
+
+### Interactive mode
+
+Interactive mode guides you through the project creation process with step-by-step prompts.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+sf
+{% endhighlight %}
+{% endtabs %}
+
+When you run the `sf` command, the CLI prompts you to select the required project configuration options. To create a Vue application with Vite and the Syncfusion® `Spreadsheet Editor` component, select the following options:
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+
+√ Project name? ... my-project
+√ Choose Framework: » Vue
+√ Choose Language: » TypeScript
+√ Choose Template: » Spreadsheet Editor
+√ Choose Theme: » Tailwind3
+√ Choose Style Format: » CSS
+√ Would you like to integrate the Syncfusion MCP Server (AI Assistant) into this project? ... no
+√ Would you like to install Syncfusion Component Skills for AI-powered development? ... no
+√ Install dependencies and start app now? ... no
+
+{% endhighlight %}
+{% endtabs %}
+
+The above selections generate a `Vue` application with Vite and configure it with the Syncfusion® `Spreadsheet Editor` component. You can choose different values for language, theme, style format, MCP setup, and skills installation based on your project requirements.
+
+The Syncfusion® CLI creates the project with a predefined template. After the project is generated, you can customize or replace the component code based on your application requirements.
+
+## Run the project
+
+Once the project is created, navigate to the project directory and run the following commands in your terminal.
+
+{% tabs %}
+{% highlight bash tabtitle="CMD" %}
+cd my-project
+npm install
+npm run dev
+{% endhighlight %}
+{% endtabs %}
+
+The output will appear as follows:
+
+
+
+{% endtabcontent %}
+
+{% tabcontent Vite CLI %}
+
## Prerequisites
[System requirements for Vue components](https://ej2.syncfusion.com/vue/documentation/system-requirements)
@@ -120,6 +206,10 @@ After the application starts, open the localhost URL shown in the terminal to vi
+{% endtabcontent %}
+
+{% endtabcontents %}
+
> [View Sample in GitHub](https://github.com/SyncfusionExamples/getting-started-with-the-vue-spreadsheet-component).
N> Looking for the full Vue Spreadsheet component overview, features, pricing, and documentation? Visit the [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) page.
diff --git a/Document-Processing/Markdown/Markdown-Library/NET/Working-with-Markdown-document.md b/Document-Processing/Markdown/Markdown-Library/NET/Working-with-Markdown-document.md
index 0c5d28f96b..b6a99c997a 100644
--- a/Document-Processing/Markdown/Markdown-Library/NET/Working-with-Markdown-document.md
+++ b/Document-Processing/Markdown/Markdown-Library/NET/Working-with-Markdown-document.md
@@ -44,45 +44,47 @@ End Using
A complete working sample is available on [GitHub](https://github.com/SyncfusionExamples/Markdown-Examples/tree/master/Working-with-Markdown-document/Clone-whole-Markdown-document/.NET).
-You can also create a deep copy of Markdown document elements such as paragraphs, headings, blockquotes, code blocks, lists, tables, images, and more. The following code example illustrates how to clone blocks of a Markdown document and save each cloned blocks as a separate Markdown document.
+## Merging Markdown Documents
+
+You can merge multiple Markdown documents by combining blocks from a source document into a destination document. This is useful when you want to consolidate content from multiple Markdown files into one unified document. The merge operation allows you to clone and add blocks from a source document to a destination document while preserving the formatting and structure of both documents.
+
+The following code example demonstrates how to merge two Markdown documents:
{% tabs %}
{% highlight c# tabtitle="C#" %}
-//Opens an existing Markdown document
-MarkdownDocument sourceDocument = new MarkdownDocument("Input.md");
+//Opens an existing Markdown documents
+MarkdownDocument sourceDocument = new MarkdownDocument(Path.GetFullPath("Data/SourceDocument.md"));
+MarkdownDocument destinationDocument = new MarkdownDocument(Path.GetFullPath("Data/DestinationDocument.md"));
//Processes each blocks in the Markdown document
for (int i = 0; i < sourceDocument.Blocks.Count; i++)
{
- //Creates new MarkdownDocument instance to add cloned section
- MarkdownDocument destinationDocument = new MarkdownDocument();
//Clones and adds source document Blocks to the destination document
destinationDocument.Blocks.Add((IMdBlock)sourceDocument.Blocks[i].Clone());
- //Saves and closes the document instance
- destinationDocument.Save("Block_" + i + ".md");
- destinationDocument.Dispose();
}
+//Saves and closes the document instance
+destinationDocument.Save(Path.GetFullPath("Output/MergedDocument.md"));
+destinationDocument.Dispose();
//Closes the source document instance
sourceDocument.Dispose();
{% endhighlight %}
{% highlight vb.net tabtitle="VB.NET" %}
-'Opens an existing Markdown document
-Dim sourceDocument As MarkdownDocument = New MarkdownDocument("Input.md")
+'Opens an existing Markdown documents
+Dim sourceDocument As MarkdownDocument = New MarkdownDocument(Path.GetFullPath("Data/SourceDocument.md"))
+Dim destinationDocument As MarkdownDocument = New MarkdownDocument(Path.GetFullPath("Data/DestinationDocument.md"))
'Processes each blocks in the Markdown document
For i As Integer = 0 To sourceDocument.Blocks.Count - 1
- 'Creates new MarkdownDocument instance to add cloned section
- Dim destinationDocument As New MarkdownDocument()
'Clones and adds source document Blocks to the destination document
destinationDocument.Blocks.Add(CType(sourceDocument.Blocks(i).Clone(), IMdBlock))
- 'Saves and closes the document instance
- destinationDocument.Save("Block_" + i + ".md")
- destinationDocument.Dispose()
Next
+'Saves and closes the document instance
+destinationDocument.Save(Path.GetFullPath("Output/MergedDocument.md"))
+destinationDocument.Dispose()
'Closes the source document instance
sourceDocument.Dispose()
{% endhighlight %}
{% endtabs %}
-A complete working sample is available on [GitHub](https://github.com/SyncfusionExamples/Markdown-Examples/tree/master/Working-with-Markdown-document/Split-by-blocks/.NET).
\ No newline at end of file
+A complete working sample is available on [GitHub](https://github.com/SyncfusionExamples/Markdown-Examples/tree/master/Working-with-Markdown-document/Merge-Markdown/.NET).
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-DigitalSignature.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-DigitalSignature.md
index 6044580799..c829c29a0e 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-DigitalSignature.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-DigitalSignature.md
@@ -3403,7 +3403,7 @@ This example shows how to validate and identify different types of digital signa
{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
+{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/PDF-Examples/master/Digital%20Signature/Validate-the-digitally-signed-PDF-signature/.NET/Validate-the-digitally-signed-PDF-signature/Program.cs" %}
using Syncfusion.Pdf.Parsing;
using Syncfusion.Pdf.Security;
@@ -3614,7 +3614,7 @@ Next
{% endtabs %}
-You can download a complete working sample from GitHub.
+You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Digital%20Signature/Validate-the-digitally-signed-PDF-signature/.NET).
## Deferred signing in a PDF document
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-Tagged-PDF.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-Tagged-PDF.md
index 559fd6e1b6..38ca8010ed 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-Tagged-PDF.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-Tagged-PDF.md
@@ -1252,7 +1252,7 @@ You can apply tags to nested list elements by using the [PdfStructureElement](ht
{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
+{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/PDF-Examples/master/Tagged%20PDF/Adding-tags-to-nested-list/.NET/Adding-tags-to-nested-list/Program.cs" %}
using Syncfusion.Drawing;
using Syncfusion.Pdf;
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-action.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-action.md
index 6f00d2f34d..943d812c29 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-action.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-action.md
@@ -810,7 +810,7 @@ The [PdfRemoteGoToAction](https://help.syncfusion.com/cr/document-processing/Syn
{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
+{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/PDF-Examples/master/Actions/Add-GoTo-action-to-the-PDF-document/.NET/Add-GoTo-action-to-the-PDF-document/Program.cs" %}
using Syncfusion.Drawing;
using Syncfusion.Pdf;
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-forms.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-forms.md
index ecd033de8b..56ec90c45d 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-forms.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-forms.md
@@ -1842,7 +1842,7 @@ The following code example illustrates how to add complex script support for all
{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
+{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/PDF-Examples/master/Forms/Add-complex-script-to-all-the-supported-fields-in-PDF/.NET/Add-complex-script-to-all-the-supported-fields-in-PDF/Program.cs" %}
using System.Drawing;
using System.IO;
@@ -1951,6 +1951,8 @@ document.Close(True)
{% endtabs %}
+You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Forms/Add-complex-script-to-all-the-supported-fields-in-PDF).
+
You can also flatten the existing form fields with complex script layout by using the following code snippet.
{% tabs %}
@@ -4680,7 +4682,7 @@ The following code example illustrates how to enable or disable unison functiona
{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
+{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/PDF-Examples/master/Forms/Radio-button-behavior-in-PDF-forms-with-AllowUnisonSelection/.NET/Radio-button-behavior-in-PDF-forms-with-AllowUnisonSelection/Program.cs" %}
using Syncfusion.Pdf;
using Syncfusion.Pdf.Interactive;
@@ -4823,7 +4825,7 @@ document.Close(True)
{% endtabs %}
-You can download a complete working sample from GitHub.
+You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Forms/Radio-button-behavior-in-PDF-forms-with-AllowUnisonSelection/.NET).
The screenshot below highlights the difference between having the radio button unison feature disabled versus enabled.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md
index bb7247b1e8..2ccb4b75be 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md
@@ -24,7 +24,7 @@ Use the redaction tool in the toolbar to draw over content that should be hidden
* **Resizable** – Resize the annotation to cover the required area.
-N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../Redaction/toolbar).
## Add redaction annotations using the context menu
@@ -132,5 +132,5 @@ N> Redaction is permanent. Once applied, the original content cannot be restored
* [Overview of Redaction](./overview)
* [Programmatic Support in Redaction](./programmatic-support)
* [Redaction in Mobile View](./mobile-view)
-* [Redaction Toolbar](./toolbar)
+* [Redaction Toolbar](../Redaction/toolbar)
* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md b/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
index f831fc34a4..12616b1c76 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
@@ -56,7 +56,7 @@ The accessibility compliance for the PDF Viewer component is outlined below.
| `aria-valuemax` | Indicates the Maximum value of the PDF Viewer. |
| `aria-valuemin` | Indicates the Minimum value of the PDF Viewer. |
| `aria-valuenow` | Indicates the current value of the PDF Viewer. |
-| `aria-controls` | Attribute is set to the button and it points to the corresponding content. |
+| `aria-controls` | Identifies the element whose contents are controlled by the button. |
## Keyboard interaction
@@ -241,7 +241,7 @@ Each `keyboardCommand` object consists of a name property, specifying the `name`
For example, the first command named `customCopy` is associated with the **G** key and requires both the **Shift** and **Alt** modifier keys to be pressed simultaneously.
-Additionally, there's an explanation of the key modifiers used in the gestures:
+The key modifiers used in the gestures are as follows:
* Ctrl corresponds to the Control key, represented by the value `1`.
* Alt corresponds to the Alt key, represented by the value `2`.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/download.md b/Document-Processing/PDF/PDF-Viewer/angular/download.md
index d88c541d6c..9d9ec90b1b 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/download.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/download.md
@@ -3,7 +3,7 @@ layout: post
title: Download in Angular PDF Viewer component | Syncfusion
description: Learn here all about Download in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Download
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -79,7 +79,7 @@ To invoke download programmatically, use the following snippet:
```html
@@ -88,5 +88,5 @@ To invoke download programmatically, use the following snippet:
## See also
-* [Toolbar items](./toolbar)
+* [Toolbar items](./toolbar-customization/overview)
* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/events.md b/Document-Processing/PDF/PDF-Viewer/angular/events.md
index fa7c1c1f74..ed5bedc467 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/events.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/events.md
@@ -842,7 +842,7 @@ export class AppComponent {
];
public onCustomContextMenuBeforeOpen(args: any): void {
- console.log(`Before open context menu at page ${args.name}`);
+ console.log(`Before open context menu at page: ${args.name}`);
}
public onDocumentLoad(): void {
@@ -3172,5 +3172,5 @@ export class AppComponent {
See also:
- [Annotation events](./annotation/annotation-event)
-- [Form field events](./form-designer/form-field-events)
-- [Organize PDF events](./organize-pdf/organize-pdf-events)
+- [Form field events](./forms/form-field-events)
+- [Organize PDF events](./organize-pages/events)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md b/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md
index 7f9c0d99f6..482caeb811 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md
@@ -3,7 +3,7 @@ layout: post
title: Feature module in Angular PDF Viewer component | Syncfusion
description: Learn here all about Feature module in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Feature module
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -46,5 +46,5 @@ N> In addition to registering the required modules, enable the corresponding com
## See also
-* [Toolbar items](./toolbar)
-* [Toolbar customization](./how-to/toolbar_customization)
\ No newline at end of file
+* [Toolbar items](./toolbar-customization/overview)
+* [Toolbar customization](./toolbar-customization/custom-toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
index 2f7004683e..b52891d595 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
@@ -1,7 +1,7 @@
---
layout: post
title: FAQ Section in Angular PDF Viewer control | Syncfusion
-description: In this section, you can know about the various questions asked about manipulation of in Angular PDF Viewer control.
+description: In this section, you can know about the various questions asked about manipulation in Angular PDF Viewer control.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-annotation-in-text-search.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-annotation-in-text-search.md
index feb4880866..b9c7a1314b 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-annotation-in-text-search.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-annotation-in-text-search.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Add Rectangle Annotation via Text Search | Syncfusion
+title: Add Rectangle Annotations via Text Search | Syncfusion
description: Learn to add rectangle annotations using text search bounds in the Angular PDF Viewer component, including initialization and search controls.
platform: document-processing
control: PDF Viewer
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Add Rectangle Annotations via Text Search in Angular PDF Viewer
-A concise guide that demonstrates how to add rectangle annotations at highlighted text search results in the Angular PDF Viewer. The guide explains where to wire the callback, required services, and quick troubleshooting steps.
+Learn how to add rectangle annotations at highlighted text search results in the Angular PDF Viewer by wiring a callback to the `textSearchHighlight` event.
## Steps to add rectangle annotations on search result highlight
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-header-value.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-header-value.md
index 52741bf2e0..e435f9667c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-header-value.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/add-header-value.md
@@ -5,16 +5,17 @@ description: Learn how to include custom headers in PDF Viewer AJAX requests usi
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Add header values in the Angular PDF Viewer
-Use the ajaxHeaders property in the PDF Viewer’s [ajaxRequestSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#ajaxrequestsettings) to include custom headers with each AJAX request.
+Use the ajaxHeaders property in the PDF Viewer's [ajaxRequestSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#ajaxrequestsettings) to include custom headers with each AJAX request.
-Example: Add a custom Authorization header using `ajaxRequestSettings` in an Angular component
+The following example adds a custom Authorization header using `ajaxRequestSettings` in an Angular component.
{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
+{% highlight ts tabtitle="app.component.ts" %}
import { Component, ViewEncapsulation, OnInit, ViewChild } from '@angular/core';
import {
PdfViewerComponent,
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/annotation-selectors.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/annotation-selectors.md
index 95fd439082..f67dfb3e30 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/annotation-selectors.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/annotation-selectors.md
@@ -5,13 +5,14 @@ description: Learn how to customize annotation selectors in the Angular PDF View
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
-# Customize annotation selectors in Angular PDF Viewer
+# Customize Annotation Selectors in Angular PDF Viewer
-Use the [annotationSelectorSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#annotationselectorsettings) property to configure the appearance and behavior of annotation selectors. This includes selection handles and resizer (for example, handle shape and size), which determine how users interact with annotations during editing.
+Use the [annotationSelectorSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#annotationselectorsettings) property to configure the appearance and behavior of annotation selectors. This includes the selection handles and the resizer (for example, the shape and size of the resizer handles), which determine how users interact with annotations during editing.
-The example below changes the selector's resizer handle shape to circular and opens an existing annotation for editing. Setting `resizerShape = 'Circle'` updates the selector appearance to circular resizer handles; ensure an annotation exists before calling `editAnnotation` to avoid runtime errors.
+The example below changes the selector's resizer handle shape to circular and opens an existing annotation for editing. Setting `resizerShape = 'Circle'` updates the selector appearance to circular resizer handles. Ensure an annotation exists before calling `editAnnotation` to avoid runtime errors.
Example: Customize the selector of a shape annotation
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-author-name-using-annotation-settings.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-author-name-using-annotation-settings.md
index ed278ae55b..d4ed7df040 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-author-name-using-annotation-settings.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-author-name-using-annotation-settings.md
@@ -9,13 +9,13 @@ domainurl: ##DomainURL##
---
-# Change author name using annotation settings in Angular PDF Viewer
+# Change Author Name Using Annotation Settings in Angular PDF Viewer
The `annotationSettings` API provides a central way to configure properties that apply to all annotations in the viewer.
API name: annotationSettings
-| Property Name | Data type & Default Value | Description |
+| Property Name | Data type and Default Value | Description |
|---|---|---|
| author | String ("Guest") | Specifies the author of the annotation. |
| minWidth | Number (0) | Specifies the minimum width of the annotation. |
@@ -23,8 +23,8 @@ API name: annotationSettings
| minHeight | Number (0) | Specifies the minimum height of the annotation. |
| maxHeight | Number (0) | Specifies the maximum height of the annotation. |
| isLock | Boolean (false) | Specifies whether the annotation is locked. If true, the annotation cannot be selected. |
-| isPrint | Boolean (true) | Specifies whether the annotation is included in print actions. |
-| isDownload | Boolean (true) | Specifies whether the annotation is included in download actions. |
+| skipPrint | Boolean (true) | Specifies whether the annotation is included in print actions. |
+| skipDownload | Boolean (true) | Specifies whether the annotation is included in download actions. |
| Free Text Settings |
| allowOnlyTextInput | Boolean (false) | Specifies text-only mode for free text annotations. If true, moving or resizing is disabled. |
@@ -80,8 +80,8 @@ import { AnnotationService, AnnotationSettingsModel, BookmarkViewService, FormFi
`
})
export class AppComponent {
- public serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
- public docPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public serviceUrl: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
+ public docPath: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
public annotationSettings: AnnotationSettingsModel = {
author: 'syncfusion', minHeight: 30, maxHeight: 500, minWidth: 30, maxWidth: 500, isLock: false, skipPrint: false, skipDownload: false
};
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-selection-border.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-selection-border.md
index 11c1f08ba3..948906c7d4 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-selection-border.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/change-selection-border.md
@@ -1,16 +1,16 @@
---
layout: post
-title: Change selection border in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Change selection border in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Change the selection border in Angular | Syncfusion
+description: Learn how to change the selection border in the Syncfusion Angular PDF Viewer component using the annotationSelectorSettings property.
platform: document-processing
-control: Change selection border
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Customize the selection border
+# Change the selection border
-The PDF Viewer library allows you to customize the annotations selection borders using the [**annotationSelectorSettings**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSelectorSettingsModel#annotationselectorsettingsmodel) Property.
+The PDF Viewer library allows you to customize the annotations selection borders using the [**annotationSelectorSettings**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSelectorSettingsModel#annotationselectorsettingsmodel) property.
Recommended steps
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/configure-annotation-selector-setting.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/configure-annotation-selector-setting.md
index 98263b74c1..52af5567a2 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/configure-annotation-selector-setting.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/configure-annotation-selector-setting.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Configure annotation selector settings in Angular PDF Viewer | Syncfusion
+title: Configure annotation selector settings in Angular | Syncfusion
description: Learn how to configure annotation selector settings in the Angular PDF Viewer using annotationSelectorSettings and related options.
platform: document-processing
control: PDF Viewer
@@ -8,17 +8,17 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Configure Annotation Selector Settings
+# Configure Annotation Selector Settings in Angular
### Annotation Selector Settings
-Use the [annotationSelectorSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSelectorSettings/) property to customize the appearance and interaction behavior of the annotation selector in the Angular PDF Viewer UI.
+Use the [annotationSelectorSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationselectorsettings) property to customize the appearance and interaction behavior of the annotation selector in the Angular PDF Viewer UI.
### AnnotationSelectorSettingsModel
-The [AnnotationSelectorSettingsModel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSelectorSettingsModel/) defines selector appearance and behavior settings—such as border colors, resizer appearance, and selector line style—providing fine-grained control over how annotations are displayed and manipulated.
+The [AnnotationSelectorSettingsModel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationselectorsettingsmodel) defines selector appearance and behavior settings—such as border colors, resizer appearance, and selector line style—providing fine-grained control over how annotations are displayed and manipulated.
-Steps to configure annotation selector settings
+Steps to configure annotation selector settings:
- Step 1: Create a PDF Viewer instance and initialize it.
- Step 2: Set the annotationSelectorSettings property to customize selector behavior.
@@ -152,7 +152,7 @@ export class AppComponent implements OnInit {
{% endhighlight %}
{% endtabs %}
-#### Key properties
+### Key properties
- selectionBorderColor: Sets the color for the border around selected annotations.
- resizerBorderColor: Sets the color for the border of the resizer handles.
@@ -161,7 +161,7 @@ export class AppComponent implements OnInit {
- selectionBorderThickness: Specifies the thickness of the selection border.
- resizerShape: Sets the shape of the resizer handles (for example, Circle or Square).
- selectorLineDashArray: Specifies the dash pattern for the selector line.
-- resizerLocation: Determines where the resizers appear relative to the annotation (for example, Corners or Edges).
+- resizerLocation: Determines where the resizer handles appear relative to the annotation (for example, Corners or Edges).
- resizerCursorType: Sets the cursor style when hovering over a resizer.
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/conformance.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/conformance.md
index 1283206dac..ae97167627 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/conformance.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/conformance.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Supported PDF conformance levels | Syncfusion
-description: Learn about the supported PDF/A and PDF/X conformance levels in the Angular PDF Viewer component.
+title: Supported PDF conformance levels in Angular | Syncfusion
+description: Learn about the supported PDF/A and PDF/X conformance levels in the Syncfusion Angular PDF Viewer component.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# supported PDF conformance in Anglar PDF Viewer component
+# Supported PDF Conformance in an Angular PDF Viewer Component
The Angular PDF Viewer supports the following PDF/A and PDF/X conformance levels:
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/control-annotation-visibility.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/control-annotation-visibility.md
index 37cc4a74c2..eb69b2e725 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/control-annotation-visibility.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/control-annotation-visibility.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Control annotations visibility in PDF Viewer
+# Control annotation visibility in Angular PDF Viewer
## Overview
@@ -16,9 +16,9 @@ This guide shows how to display annotations in the Angular PDF Viewer while prev
## Steps to control annotation visibility
-**Step 1:** Follow the steps in the getting-started guide (https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a basic PDF Viewer sample.
+**Step 1:** Follow the steps in the [getting-started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a basic PDF Viewer sample.
-**Step 2:** Add controls for annotation modification and downloading
+**Step 2:** Add controls for annotation modification and downloading.
Add buttons in the component template to modify annotations and to trigger a download of the PDF.
@@ -182,7 +182,6 @@ save() {
{% endhighlight %}
{% endtabs %}
-
After performing these steps, annotations remain visible in the viewer but are hidden in the downloaded PDF.
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md
index 550cc565d6..4e5faa3919 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Convert PDF Library bounds to PDF Viewer bounds | Syncfusion
+title: Convert PDF Library bounds to Angular PDF Viewer bounds | Syncfusion
description: Learn how to convert PDF Library bounds into PDF Viewer bounds when exporting annotations, ensuring accurate placement in the Angular PDF Viewer.
platform: document-processing
control: PDF Viewer
@@ -8,11 +8,11 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Convert PDF Library bounds to PDF Viewer bounds
+# Convert PDF Library bounds to PDF Viewer bounds in Angular
When exporting annotations from the PDF Library, convert the annotation bounds into the PDF Viewer coordinate system so exported annotations appear at the correct position and scale in the viewer.
-Steps to convert bounds values
+Steps to convert bounds values:
**Step 1:** Initialize the PDF Viewer instance
@@ -86,7 +86,7 @@ Fetch the blob data and convert it into a JSON object.
}
```
-**Conclusion**
+## Conclusion
These steps convert PDF Library bounds values into PDF Viewer bounds values when exporting annotations as JSON, helping maintain accurate annotation placement.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-12.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-12.md
index 7148a75892..6d8eeb9ff5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-12.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-12.md
@@ -17,9 +17,9 @@ N> For Angular 17+, see the following links:
* [Create a Standalone PDF Viewer in Angular 17 and above with-no-standalone-flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag).
* [Create a Standalone PDF Viewer in Angular 17 and above without --no-standalone flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag).
-## Setup Angular Environment
+## Set Up Angular Environment
-You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to setup your Angular applications.
+You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to set up your Angular applications.
To install the latest Angular CLI globally use the following command.
```bash
@@ -162,7 +162,7 @@ View the sample in GitHub to [load PDF Viewer with local resources](https://gith
## Run the application
-Use the following command to run the application in browser.
+Use the following command to run the application in the browser.
```javascript
ng serve --open
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag.md
index f0e05c63cb..fceb3f82a6 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag.md
@@ -1,7 +1,7 @@
---
layout: post
title: PDF Viewer in Angular 17+ with no-standalone | Syncfusion
-description: Checkout and learn about Create a Standalone PDF Viewer in Angular 17 and above with --no-standalone flag of Syncfusion Essential JS 2 and more details.
+description: Learn how to create a PDF Viewer in Angular 17 and above using the --no-standalone flag with Syncfusion Essential JS 2 and more details.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -12,9 +12,9 @@ domainurl: ##DomainURL##
This article describes the steps required to create a standalone Angular PDF Viewer for Angular 17 and later using the `--no-standalone` option.
-## Setup Angular Environment
+## Set up Angular Environment
-You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to setup your Angular applications.
+You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to set up your Angular applications.
To install the latest Angular CLI globally use the following command.
```bash
@@ -133,7 +133,7 @@ export class AppComponent implements OnInit {
Use the following command to run the application in the browser.
-```javascript
+```bash
ng serve --open
```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag.md
index 37c2fa838f..2d5331b108 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag.md
@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
This section explains the steps required to create a simple Standalone Angular PDF Viewer in Angular 17 and above without --no-standalone flag.
-## Setup Angular Environment
+## Set up Angular Environment
Use the Angular CLI to create and manage Angular applications.
To install the latest Angular CLI globally use the following command.
@@ -50,7 +50,7 @@ On Windows, use an equivalent command or add an npm script to copy assets cross-
## Registering PDF Viewer Module and Adding PDF Viewer component
-Import PDF Viewer module into Angular application from the package `@syncfusion/ej2-angular-pdfviewer` and Add the Angular PDF Viewer by using `` selector in `template` section of the `src/app/app.component.ts` file to render the PDF Viewer component.
+Import PDF Viewer module into Angular application from the package `@syncfusion/ej2-angular-pdfviewer` and add the Angular PDF Viewer by using `` selector in `template` section of the `src/app/app.component.ts` file to render the PDF Viewer component.
```typescript
@@ -109,9 +109,9 @@ Add the Angular PDF Viewer component’s styles as given below in `src/styles.cs
```
## Run the application
-Use the following command to run the application in browser.
+Use the following command to run the application in the browser.
-```javascript
+```bash
ng serve --open
```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md
index 9eeb11d33e..f270387872 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Customize the context menu in Angular PDF Viewer
-The PDF Viewer supports adding custom options to the context menu using the `addCustomMenu()` method; define custom actions with `customContextMenuSelect()`. See the addCustomMenu and [customContextMenuSelect()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#customcontextmenuselect) API.
+The PDF Viewer supports adding custom options to the context menu using the `addCustomMenu()` method; define custom actions with `customContextMenuSelect()`. See the `addCustomMenu()` and [customContextMenuSelect()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#customcontextmenuselect) API.
### Add a custom option
@@ -99,7 +99,7 @@ Toggle the display of the default context menu. When the addCustomMenu parameter
}
```
-#### show or hide custom items before opening
+#### Show or hide custom items before opening
Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#customcontextmenubeforeopen) to hide or show custom options dynamically.
@@ -222,7 +222,7 @@ The following is the output of the custom context menu with customization.
{% endtabs %}
N> To set up the **server-backed PDF Viewer**,
-Add the below serviceUrl in the `app.ts` file
+Add the serviceUrl below in the `app.ts` file
`public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`;
Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md
index e1d6afc17b..d4ddb82fb4 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md
@@ -1,6 +1,6 @@
---
-Layout: post
-title: To change the font family in Syncfusion Angular PDF Viewer component
+layout: post
+title: Change the font family in Syncfusion Angular PDF Viewer component
description: Learn how to change the font family in Form Field's Type Signature in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
@@ -18,7 +18,7 @@ The following steps are used to include custom fonts for signature and initial f
**Step 1:** Follow the steps in the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) guide to create a simple PDF Viewer sample.
-**Step 2:** Insert the following code snippet to implement the functionality for using custom fonts in Signature field.
+**Step 2:** Insert the following code snippet to implement the functionality for using custom fonts in the signature field.
```html
@@ -30,7 +30,7 @@ The following steps are used to include custom fonts for signature and initial f
```ts
changeFontFamily(){
var pdfviewer=(document.getElementById('pdfviewer')).ej2_instances[0];
- pdfviewer.SignatureFieldSettings.typeSignatureFonts = [
+ pdfviewer.signatureFieldSettings.typeSignatureFonts = [
'Allura',
'Tangerine',
'Sacramento',
@@ -40,7 +40,8 @@ changeFontFamily(){
```
### Initial Field
-Insert the following code snippet to implement the functionality for using custom fonts in Initial field.
+
+Insert the following code snippet to implement the functionality for using custom fonts in the initial field.
```html
@@ -52,7 +53,7 @@ Insert the following code snippet to implement the functionality for using custo
```ts
changeFontFamily(){
var pdfviewer=(document.getElementById('pdfviewer')).ej2_instances[0];
- pdfviewer.InitialFieldSettings.typeInitialFonts = [
+ pdfviewer.initialFieldSettings.typeInitialFonts = [
'Allura',
'Tangerine',
'Sacramento',
@@ -61,4 +62,4 @@ changeFontFamily(){
}
```
-Implementing this enables use of custom fonts in form-field signature and initial fields.
\ No newline at end of file
+Implementing this enables the use of custom fonts in form-field signature and initial fields.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-fonts.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-fonts.md
index a7804a1774..c579835b6d 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-fonts.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-fonts.md
@@ -1,7 +1,7 @@
---
layout: post
title: Add custom fonts in Angular PDF Viewer | Syncfusion
-description: Learn how to add and load custom TTF fonts for documents displayed in the Angular PDF Viewer using the customFonts property.
+description: Learn how to add and load custom TTF fonts for form fields displayed in the Angular PDF Viewer using the customFonts property.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -93,6 +93,6 @@ Custom fonts can be applied to the following form field types:
- If text rendered using a custom font exceeds the form field’s bounds, the downloaded PDF may render incorrectly in some third party PDF viewers.
- The same content displays correctly in the **Syncfusion PDF Viewer**.
-## To avoid rendering issues:
+## To avoid rendering issues
- Use an appropriate font size that fits within the form field.
- Increase the size of the form field before saving or downloading the PDF.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-stamp.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-stamp.md
index 19507a44f0..ba7bc0a419 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-stamp.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-stamp.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Add the custom stamp based on the free text bounds | Syncfusion
-description: Learn how to add the custom stamp based on the free text bounds in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Add a custom stamp based on the free text bounds | Syncfusion
+description: Learn how to add a custom stamp based on the free text bounds in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Add the custom stamp based on the free text bounds
+control: Add a custom stamp based on the free text bounds
documentation: ug
domainurl: ##DomainURL##
---
-# Add the custom stamp based on the free text bounds
+# Add a custom stamp based on the free text bounds
When adding a stamp programmatically, the PDF Viewer expects offset values in points (1 point = 1/72 inch). Typical displays use 96 DPI for pixels, so convert pixels to points using: points = pixels * 72 / 96. Also consider page scale and rotation when positioning stamps so the stamp appears at the expected location on the page.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/delete-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/delete-annotation.md
index 22c1e8230a..4ec9a8ee89 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/delete-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/delete-annotation.md
@@ -1,9 +1,9 @@
---
layout: post
-title: Delete annotation in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Delete annotation in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Delete a specific annotation in Angular PDF Viewer | Syncfusion
+description: Learn here all about Delete a specific annotation in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Delete annotation
+control: Delete a specific annotation
documentation: ug
domainurl: ##DomainURL##
---
@@ -24,6 +24,8 @@ The following steps are used to delete a specific annotation from PDF Document:
```typescript
// Delete Annotation by id.
+// Note: viewer.annotationCollection must contain at least one annotation,
+// otherwise accessing index [0] will throw an error.
deleteAnnotationbyId() {
var viewer = (document.getElementById('pdfViewer')).ej2_instances[0];
viewer.annotationModule.deleteAnnotationById(
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/download-start-event.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/download-start-event.md
index 4e66bf9ac3..0664ca2fcd 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/download-start-event.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/download-start-event.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Controlling File Downloads in Angular PDF Viewer component | Syncfusion
-description: Learn here how to Controlling File Downloads in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Control file downloads in Angular PDF Viewer | Syncfusion
+description: Learn here how to control file downloads in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Controlling File Downloads in Syncfusion® PDF Viewer
+# Controlling File Downloads in Angular Syncfusion® PDF Viewer
The PDF Viewer exposes a `downloadStart` event that enables interception of a document download before it begins. Use this event to apply custom logic and, if needed, cancel the download by setting the event's `cancel` flag.
@@ -96,4 +96,4 @@ By default, the `cancel` argument is `false`, so the download proceeds unless th
### Enhanced Flexibility
-Using the [downloadStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadStartEventArgs/) event enables conditional control over downloads—for example, to enforce authentication, restrict downloads for certain documents, or prompt users for confirmation. When using server-backed viewers, confirm whether server-side behavior requires additional handling; canceling the client-side event prevents the local download but may not affect server workflows.
\ No newline at end of file
+Using the [downloadStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadstarteventargs) event enables conditional control over downloads—for example, to enforce authentication, restrict downloads for certain documents, or prompt users for confirmation. When using server-backed viewers, confirm whether server-side behavior requires additional handling; canceling the client-side event prevents the local download but may not affect server workflows.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-disable-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-disable-annotation.md
index a1e896ea2e..32a93c2d19 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-disable-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-disable-annotation.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Enable and disable the delete button based on annotation | Syncfusion
-description: Learn to enable and disable delete button based on annotation events in Syncfusion Angular PDF Viewer component and more.
+title: Enable or disable the delete button on annotation events | Syncfusion
+description: Learn to enable and disable the delete button based on annotation selection and unselection events in Syncfusion Angular PDF Viewer component and more.
platform: document-processing
control: How to enable and disable the delete button based on annotation selection and unselection events
documentation: ug
domainurl: ##DomainURL##
---
-# How to enable and disable the delete button based on annotation selection and unselection events
+# Enable or disable the delete button using annotation events in Angular
This article demonstrates how to enable and disable a toolbar delete button in response to annotation selection and unselection events using `annotationSelect` and `annotationUnSelect`.
@@ -51,7 +51,7 @@ Example:
id ="DeleteButton"
disabled="true"
(click)="deleteSelectedAnnotation()">
-
+
```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md
index 88fe3e70d2..b61a479361 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Managing Local Storage in PDF Viewer
-The PDF Viewer exposes the `enableLocalStorage` property to control how session-specific viewer data is stored. Configure this property to choose between the viewer's internal storage mechanism (in-memory collection) and the browser's session storage.
+The PDF Viewer exposes the `enableLocalStorage` property to control how session-specific viewer data is stored, such as annotations and form field values created during the current session. Configure this property to choose between the viewer's internal storage mechanism (in-memory collection) and the browser's session storage.
### Using the `enableLocalStorage` property
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md
index 699ed9dd3b..4fb7225fdf 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md
@@ -83,7 +83,7 @@ export class AppComponent {
**Set `enableTextSelection` to false**
-Use the [`enableTextSelection`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enabletextselection) property during initialization to disable or enable text selection. The following example disables the text selection during initialization.
+Use the [`enableTextSelection`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enabletextselection) property during initialization to disable or enable text selection. The following example disables text selection during initialization.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -248,5 +248,5 @@ If text selection remains active, ensure that the [`TextSelectionService`](https
## See also
-- [Text Selection API reference](../text-selection/reference)
+- [Text Selection API Events](../text-selection/text-selection-api-events)
- [Angular PDF Viewer events](../events)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/export-as-image.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/export-as-image.md
index 5db575366d..af7ab9f76a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/export-as-image.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/export-as-image.md
@@ -8,11 +8,11 @@ documentation: ug
domainurl: ##DomainURL##
---
-## Export as image in Angular PDF Viewer component
+# Export as image in Angular PDF Viewer component
The PDF Viewer component can export pages as Base64-encoded image strings using the `exportAsImage()` method (single page) and `exportAsImages()` method (page range). The examples below demonstrate single-page export, range export, and how to specify a custom image size.
-The following steps are used to exportAsImage.
+The following steps are used to implement exportAsImage.
**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample.
@@ -65,6 +65,7 @@ Export a page range; the method returns an array of Base64-encoded image strings
```ts
exportAsImages() {
+ let imageDetails;
let startPageIndex: number = 1;
let endPageIndex: number = 5;
var viewer = (document.getElementById('pdfViewer')).ej2_instances[0];
@@ -85,6 +86,7 @@ Pass a `Size` object when exporting a page range to control the output image dim
```ts
exportAsImageWithSize() {
+ let imageDetails;
let startPageIndex: number = 1;
let endPageIndex: number = 5;
let size: Size = new Size(200,500);
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text-completed.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text-completed.md
index 2386d8fc27..849de8afb0 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text-completed.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text-completed.md
@@ -1,22 +1,22 @@
---
layout: post
-title: extractTextCompleted Event in Angular PDF Viewer component | Syncfusion
+title: extractTextCompleted Event in Angular | Syncfusion
description: Learn here all about extractTextCompleted Event in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: extractTextCompleted
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-## Extract text using the extractTextCompleted event in the PDF Viewer
+# Extract text using extractTextCompleted event in Angular PDF Viewer
The PDF Viewer can extract page text along with bounding information. Enable text extraction using the `isExtractText` property and handle the `extractTextCompleted` event to receive extracted text and bounds for the document.
-The following steps are used to extract the text from the page.
+The following steps are used to extract text from a page.
**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample.
-**Step 2:** The following code snippet explains how to extract the text from a page .
+**Step 2:** The following code snippet explains how to extract text from a page.
```html
Text Search: When using the `extractTextOption.TextOnly` and `extractTextOption.None` option, the findText method will not work. Instead, you should use the findTextAsync method to perform text searches asynchronously.
+N> Text Search: When using the `extractTextOption.TextOnly` and `extractTextOption.None` options, the findText method will not work. Instead, you should use the findTextAsync method to perform text searches asynchronously.
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text.md
index 6ffdaf71b4..26dfc23ac6 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/extract-text.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Extract Text in Vue PDF Viewer component | Syncfusion
-description: Learn about the Extract Text in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more.
-control: Extract Text
-platform: ej2-vue
+title: Extract Text in Angular PDF Viewer component | Syncfusion
+description: Learn about the Extract Text in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+control: PDF Viewer
+platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-## Extract text method in the PDF Viewer
+# Extract text method in the Angular PDF Viewer
The `extractText` method retrieves text content and, optionally, positional data for elements on one or more pages. It returns a Promise that resolves to an object containing extracted `textData` (detailed items with bounds) and `pageText` (concatenated plain text).
@@ -48,8 +48,8 @@ import {
selector: 'app-root',
template: `
-
-
+
+
{
console.log('Extracted Text from Page 1:');
@@ -88,7 +88,7 @@ export class AppComponent implements OnInit {
}
// Function to extract text from a range of pages (pages 0 to 2)
-extrctsText(): void {
+extractTexts(): void {
const viewer = (document.getElementById('pdfViewer') as any).ej2_instances[0];
viewer.extractText(0, 2, 'TextOnly').then((val: any) => {
console.log('Extracted Text from Pages 0 to 2:');
@@ -102,6 +102,6 @@ extrctsText(): void {
#### Explanation:
**Single Page Extraction:** The first `extractText` call extracts text from page 1 (`startIndex = 1`), using the 'TextOnly' option for plain text extraction.
-**Multiple Pages Extraction:** The second extractText call extracts text from pages 0 through 2 (`startIndex = 0, endIndex = 2`), using the `TextOnly` option for plain text extraction.
+**Multiple Pages Extraction:** The second `extractText` call extracts text from pages 0 through 2 (`startIndex = 0, endIndex = 2`), using the `TextOnly` option for plain text extraction.
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/find-text-async.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/find-text-async.md
index 66e420d7fe..56e8e769f0 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/find-text-async.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/find-text-async.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Find Text Async Angular PDF Viewer component | Syncfusion
+title: Find Text Async in Angular PDF Viewer component | Syncfusion
description: Learn about the `findTextAsync` in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Find Text Async
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Find Text using findTextAsync Method in Syncfusion PdfViewer
+# Find Text using findTextAsync Method in Syncfusion PDF Viewer
The findTextAsync method in the Syncfusion PDF Viewer control allows you to search for specific text or an array of strings asynchronously within a PDF document. The method returns the bounding rectangles for each occurrence of the search term, allowing you to find and work with text positions in the document.
@@ -73,14 +73,14 @@ export class AppComponent implements OnInit {
viewer.textSearchModule.findTextAsync('pdf', false).then((res: any) =>{
console.log(res);
});
-}
-findTexts(): void {
- const viewer = (document.getElementById('pdfViewer') as any).ej2_instances[0];
- //Search for multiple strings (['pdf', 'the']) with a case-insensitive search across all pages
+ }
+ findTexts(): void {
+ const viewer = (document.getElementById('pdfViewer') as any).ej2_instances[0];
+ //Search for multiple strings (['pdf', 'the']) with a case-insensitive search across all pages
viewer.textSearchModule.findTextAsync(['pdf', 'the'], false).then((res: any) =>{
console.log(res);
});
-}
+ }
}
```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/font-family.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/font-family.md
index 0564ca379a..27373dc7cd 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/font-family.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/font-family.md
@@ -1,7 +1,7 @@
---
-Layout: post
+layout: post
title: Change the Font Family in Angular PDF Viewer component | Syncfusion
-description: Learn how to change the font family in the type signature in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn how to change the font family of the type signature in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Change the Font Family in the Type Signature
documentation: ug
@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
Use the PDF Viewer's [handWrittenSignatureSettings.typeSignatureFonts](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/handwrittensignaturesettings#typesignaturefonts) property to supply an array of font-family names that the Type Signature control can use. Ensure fonts are loaded before applying them to the viewer (for example, call `changeFontFamily()` after the viewer instance is available, such as in `ngAfterViewInit` or after the component finishes initializing).
```html
-
+
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base-string-of-the-loaded-document.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base-string-of-the-loaded-document.md
index 74d0e1e273..9637cfaea7 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base-string-of-the-loaded-document.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base-string-of-the-loaded-document.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Get base string of the loaded document in Angular PDF Viewer component | Syncfusion
+title: Get Base64 string of the loaded document in Angular | Syncfusion
description: Learn here all about Get base string of the loaded document in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Get base string of the loaded document
@@ -10,13 +10,13 @@ domainurl: ##DomainURL##
# Get the Base64 string of the loaded PDF document
-The PDF Viewer exposes `saveAsBlob()` to retrieve the currently loaded PDF as a Blob. Convert that Blob to a Base64 data URL (for example, to save in a database or transfer to a backend) and reload the document later using `load()` with the Base64 data.
+The PDF Viewer exposes `saveAsBlob()` to retrieve the currently loaded PDF as a Blob. Convert that Blob to a Base64 data URL (for example, to save in a database or transfer to a back end) and reload the document later using `load()` with the Base64 data.
-The following steps are used to get the base 64 string of the loaded PDF document in the PDF viewer control.
+The following steps are used to get the Base64 string of the loaded PDF document in the PDF viewer control.
-**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create simple PDF Viewer sample in Angular.
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample in Angular.
-**Step 2:** Add the following code snippet to get the base 64 string with button click event.
+**Step 2:** Add the following code snippet to get the Base64 string with button click event.
```html
@@ -38,10 +38,10 @@ base64ofloadedDocument() {
console.log(base64data);
};
});
-
+}
```
-**Step 3:** Use the following code snippet inside the **saveAsBlob()** method to load the document from the base 64 string.
+**Step 3:** Use the following code snippet to load the document from the Base64 string.
```typescript
// load the document from base 64 string.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md
index c34e982fab..5622ff7a60 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Retrieving Base64 Value from a PDF in Angular PDF Viewer|Syncfusion.
+title: Retrieving Base64 Value from a PDF in Angular PDF Viewer | Syncfusion
description: Learn here all about how to retrieve the Base64 value of a loaded PDF document in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Retrieve Base64 from a PDF in Angular PDF Viewer
+# Retrieve the Base64 value of a PDF in Angular PDF Viewer
### Overview
@@ -161,6 +161,6 @@ export class AppComponent implements OnInit {
### Conclusion
-By implementing these steps in the Angular component, a PDF document loaded in the PDF Viewer can be converted into a Base64-encoded data URL when a button is clicked. This facilitates the manipulation or transfer of PDF data as needed.
+By implementing these steps in the Angular component, you can convert a PDF document loaded in the PDF Viewer into a Base64-encoded data URL when the button is clicked. This facilitates the manipulation or transfer of PDF data as needed.
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/getPageInfo.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/getPageInfo.md
index c7d697e01d..63f9fc7524 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/getPageInfo.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/getPageInfo.md
@@ -92,6 +92,6 @@ export class AppComponent implements OnInit {
{% endhighlight %}
{% endtabs %}
-By following these steps, you can successfully integrate and use the get page info API in the EJ2 PDF Viewer.
+By following these steps, you can successfully integrate and use the `getPageInfo` API in the EJ2 PDF Viewer.
[View Sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/import-export-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/import-export-annotation.md
index 91fb3b8f7f..81d2b01e85 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/import-export-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/import-export-annotation.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Import Export annotation in Angular PDF Viewer component
+# Import & Export Annotations in Angular PDF Viewer component
The PDF Viewer control supports exporting and importing annotations in multiple formats: JSON, XFDF, or as native annotation objects. Use `exportAnnotation('Json')` or `exportAnnotation('Xfdf')` for serialized formats, and `exportAnnotationsAsObject()` to obtain the in-memory annotation objects that can be re-imported with `importAnnotation()`.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/include-authorization-token.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/include-authorization-token.md
index 7707fc5ddb..3ff063e7e9 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/include-authorization-token.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/include-authorization-token.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Include authorization token in Angular PDF Viewer component | Syncfusion
+title: Include authorization token in Angular | Syncfusion
description: Learn here all about Include authorization token in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Include authorization token
@@ -8,11 +8,11 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Include the authorization token
+# Include the authorization token in Angular PDF Viewer component
The PDF Viewer supports adding an authorization token to every AJAX request by configuring the `ajaxRequestSettings.ajaxHeaders` property. Set the header once and the library includes it in all requests initiated by the viewer.
-The following steps are used to include the authorization token to the PDF viewer control.
+The following steps show how to include the authorization token in the PDF Viewer control.
**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create simple PDF Viewer sample in Angular.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md
index 510f1dcc06..70920bf998 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md
@@ -16,7 +16,7 @@ npm install @syncfusion/ej2-angular-pdfviewer@ngcc --save
To reference the ngcc package in the `package.json` file, append the `-ngcc` suffix to the package version:
-```bash
+```json
"@syncfusion/ej2-angular-pdfviewer": "20.2.38-ngcc"
```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md
index 2c38e195ef..76628a926b 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Load document after resources Loaded Angular PDF Viewer | Syncfusion
-description: Learn here all about how to Load document after loading assets in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Load a Document After Resources Are Loaded in Angular | Syncfusion
+description: Learn how to load a document in the Syncfusion Angular PDF Viewer only after PDFium assets have finished loading.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -36,7 +36,7 @@ The `resourcesLoaded` event fires once the viewer finishes loading all required
```ts
// app.ts
import { Component, ViewChild } from '@angular/core';
-import { PdfViewerComponent, ToolbarService, MagnificationService, NavigationService, LinkAnnotationService, ThumbnailViewService, BookmarkViewService, TextSelectionService, AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
+import { PdfViewerModule, PdfViewerComponent, ToolbarService, MagnificationService, NavigationService, LinkAnnotationService, ThumbnailViewService, BookmarkViewService, TextSelectionService, AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document.md
index 19fa2e90e9..b865b29216 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document.md
@@ -3,18 +3,18 @@ layout: post
title: Load document in Angular PDF Viewer component | Syncfusion
description: Learn here all about Load document in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Load document
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
# Load PDF documents dynamically
-The PDF Viewer supports loading or switching PDF documents at runtime after the initial viewer initialization. Use the [load](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to open a document from a URL or a Base64 string.
+The PDF Viewer supports loading or switching PDF documents at runtime after the initial viewer initialization. Use the [load](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#load) method to open a document from a URL or a Base64 string.
The following steps show common approaches for loading documents dynamically.
-**Step 1:** Follow the getting started guide to create a basic Angular PDF Viewer sample: https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started
+**Step 1:** Follow the getting started guide to create a basic Angular PDF Viewer sample: [Angular PDF Viewer getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started)
**Step 2:** Use the following code snippet to load the document from a Base64 string.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-n-number-page.md
index 2d75718670..9720049d0c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-n-number-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-n-number-page.md
@@ -1,18 +1,18 @@
---
layout: post
title: Load N number of pages in Angular PDF Viewer component | Syncfusion
-description: Learn how to Load N number of pages on initial loading in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn how to load N number of pages on initial loading in the Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Load N number of pages on initial loading
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Load N pages initially
+# Load N pages initially in Angular
Control the number of pages the PDF Viewer renders on the initial load to improve perceived performance and reduce initial memory usage. Additional pages are rendered dynamically as the user scrolls through the document, allowing quick access to early pages without loading the entire file.
-Set the [initialRenderPages](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#initialrenderpages) property to specify how many pages to render initially. For large documents, avoid high values for `initialRenderPages` because rendering many pages at once increases memory use and may slow loading. Typical ranges of 10–20 pages work well for most documents; adjust based on document size and client capabilities.
+Set the [initialRenderPages](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#initialrenderpages) property to specify how many pages to render initially. For large documents, avoid high values for `initialRenderPages` because rendering many pages at once increases memory use and may slow loading. Typical ranges of 10–20 pages work well for most documents; adjust based on document size and client capabilities.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-office-files.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-office-files.md
index 650d1b9d28..4969e851b0 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-office-files.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-office-files.md
@@ -1,9 +1,9 @@
---
layout: post
-title: Load office files in PDF Viewer
+title: Load office files in Angular PDF Viewer | Syncfusion
description: Learn about how to load office files in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: How to load the Office products
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-pdf-viewer-with-local-resources.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-pdf-viewer-with-local-resources.md
index ac6c379f71..77f6369591 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-pdf-viewer-with-local-resources.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-pdf-viewer-with-local-resources.md
@@ -91,7 +91,7 @@ export class AppComponent {
}
```
-### Step 5: Run the Application
+### Step 4: Run the Application
Run the Angular application:
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-annotation-in-a-document.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-annotation-in-a-document.md
index a51a77470e..cfc4a7d29a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-annotation-in-a-document.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-annotation-in-a-document.md
@@ -3,7 +3,7 @@ layout: post
title: Lock annotation in Angular PDF Viewer component | Syncfusion
description: Learn here all about Lock annotation in a document in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Lock annotation in a document
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -45,7 +45,6 @@ The following sample shows how to set `IsLocked` for custom stamp annotations wh
```typescript
//Method to lock the custom stamp annotation.
public fireAjaxRequestSuccess(event: any, data: any) {
- debugger;
if (event.action == 'RenderAnnotationComments') {
for (var i = data.startPageIndex; i < data.endPageIndex; i++) {
for (
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-formfield-in-a-document.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-formfield-in-a-document.md
index b0a2ebb343..54c1a00e5e 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-formfield-in-a-document.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/lock-formfield-in-a-document.md
@@ -3,7 +3,7 @@ layout: post
title: Lock Form Fields in Angular PDF Viewer component | Syncfusion
description: Learn here all about Lock Form Fields in a document in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Lock Form Fields in a document
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/min-max-zoom.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/min-max-zoom.md
index bc05bf9835..4cf89fc983 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/min-max-zoom.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/min-max-zoom.md
@@ -108,7 +108,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
TextSearchService, AnnotationService, TextSelectionService,
PrintService, FormFieldsService, FormDesignerService,
PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-import {Browser} from '@syncfusion/ej2-base';
+import { Browser } from '@syncfusion/ej2-base';
@Component({
selector: 'app-container',
@@ -135,7 +135,7 @@ import {Browser} from '@syncfusion/ej2-base';
var viewer = (document.getElementById('pdfViewer')).ej2_instances[0];
if (Browser.isDevice && !viewer.enableDesktopMode) {
viewer.maxZoom = 200;
- viewer.minZoom = 10;
+ viewer.minZoom = 10;
}
else {
viewer.zoomMode = 'Default';
@@ -153,7 +153,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
TextSearchService, AnnotationService, TextSelectionService,
PrintService, FormFieldsService, FormDesignerService,
PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-import {Browser} from '@syncfusion/ej2-base';
+import { Browser } from '@syncfusion/ej2-base';
@Component({
selector: 'app-container',
@@ -181,7 +181,7 @@ import {Browser} from '@syncfusion/ej2-base';
var viewer = (document.getElementById('pdfViewer')).ej2_instances[0];
if (Browser.isDevice && !viewer.enableDesktopMode) {
viewer.maxZoom = 200;
- viewer.minZoom = 10;
+ viewer.minZoom = 10;
}
else {
viewer.zoomMode = 'Default';
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-bookmark.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-bookmark.md
index 98e7e6f056..6a35231e8d 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-bookmark.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-bookmark.md
@@ -19,7 +19,7 @@ Follow these steps to call the bookmark APIs from the application.
**Step 2:** Insert the following code snippet to implement opening the bookmark pane:
```html
-
+
```
```ts
@@ -29,7 +29,7 @@ openBookmark() {
viewer.bookmarkViewModule.openBookmarkPane();
}
```
-Similarly, to close the Bookmark pane programmatically, employ the following code snippet:
+Similarly, to close the bookmark pane programmatically, use the following code snippet:
```html
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-thumbnail.md
index 8d46b7d3c7..194597993a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-thumbnail.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/open-thumbnail.md
@@ -3,14 +3,14 @@ layout: post
title: Open thumbnail in Angular PDF Viewer component | Syncfusion
description: Learn here all about Open thumbnail in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Open thumbnail
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Open the thumbnail pane programmatically
+# Open the thumbnail pane programmatically in Angular
-The PDF Viewer exposes a `openThumbnailPane()` API to open the thumbnail pane from application code. Use this API when the UI needs to show the thumbnail pane in response to user actions or programmatic workflows.
+The PDF Viewer exposes an `openThumbnailPane()` API to open the thumbnail pane from application code. Use this API when the UI needs to show the thumbnail pane in response to user actions or programmatic workflows.
Follow these steps to open the thumbnail pane from application code.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md
index 9cfd734a2d..c2aebcc17c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md
@@ -1,7 +1,7 @@
---
layout: post
title: Rendering events in Angular PDF Viewer component | Syncfusion
-description: Learn here all about pageRenderInitiate and pageRenderComplete event in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn here all about pageRenderInitiate and pageRenderComplete events in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -34,8 +34,8 @@ public pageRenderInitiate(args: any): void {
public pageRenderComplete(args: any): void {
// This method is called when the page rendering completes
- console.log('Rendering of pages completed');
- console.log(args)
+ console.log('Rendering of pages completed');
+ console.log(args)
}
```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md
index 9368bd5faa..b4c78d70ee 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md
@@ -3,7 +3,7 @@ layout: post
title: Redis cache in Angular PDF Viewer component | Syncfusion
description: Learn here all about Redis cache in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Redis cache
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -35,12 +35,9 @@ public void ConfigureServices(IServiceCollection services)
```
-**Step 5:** Use the Redis cache in the PDF Viewer controller action:
+5. Use the Redis cache in the PDF Viewer controller:
-To use Redis Cache in PDF Viewer, you can implement the IDistributedCache interface and use the Redis Cache service to store and
-retrieve
-
-the PDF document bytes.
+To use Redis Cache in PDF Viewer, you can implement the IDistributedCache interface and use the Redis Cache service to store and retrieve the PDF document bytes.
```cs
private readonly IHostingEnvironment _hostingEnvironment;
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md
index 6116e8199c..0affe74224 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md
@@ -2,7 +2,7 @@
layout: post
title: Find an entry point in Angular PDF Viewer component | Syncfusion
description: Learn here how to resolve unable to find an entry point named error in Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
-control: Resolve unable to find an entry point error
+control: PDF Viewer
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
@@ -16,11 +16,11 @@ From the release of version **21.1.0.35 (2023 Volume 1)** of Essential Studio When hosting in cloud environments (Azure, AWS, container platforms), always remove or overwrite older published files to avoid stale native binaries remaining on the host.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/restricting-zoom-in-mobile-mode.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/restricting-zoom-in-mobile-mode.md
index 5fcec3c4a7..8eaf1ff910 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/restricting-zoom-in-mobile-mode.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/restricting-zoom-in-mobile-mode.md
@@ -1,14 +1,14 @@
---
layout: post
title: Restrict Zoom Percentage in Angular PDF Viewer component | Syncfusion
-description: Learn here all how to restrict zoom percentage in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn here how to restrict the zoom percentage in the Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Restrict zoom percentage on mobile devices
+# Restrict zoom percentage on mobile devices in Angular
Use `minZoom` and `maxZoom` to restrict zoom levels on mobile devices and improve scrolling performance and perceived load time. Restricting zoom prevents extreme zoom levels that can degrade rendering performance on constrained devices.
@@ -21,7 +21,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
TextSearchService, AnnotationService, TextSelectionService,
PrintService, FormFieldsService, FormDesignerService,
PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-import {Browser} from '@syncfusion/ej2-base';
+import { Browser } from '@syncfusion/ej2-base';
@Component({
selector: 'app-container',
@@ -48,7 +48,7 @@ import {Browser} from '@syncfusion/ej2-base';
var viewer = (document.getElementById('pdfViewer')).ej2_instances[0];
if (Browser.isDevice && !viewer.enableDesktopMode) {
viewer.maxZoom = 200;
- viewer.minZoom = 10;
+ viewer.minZoom = 10;
}
else {
viewer.zoomMode = 'Default';
@@ -66,7 +66,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
TextSearchService, AnnotationService, TextSelectionService,
PrintService, FormFieldsService, FormDesignerService,
PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-import {Browser} from '@syncfusion/ej2-base';
+import { Browser } from '@syncfusion/ej2-base';
@Component({
selector: 'app-container',
@@ -94,7 +94,7 @@ import {Browser} from '@syncfusion/ej2-base';
var viewer = (document.getElementById('pdfViewer')).ej2_instances[0];
if (Browser.isDevice && !viewer.enableDesktopMode) {
viewer.maxZoom = 200;
- viewer.minZoom = 10;
+ viewer.minZoom = 10;
}
else {
viewer.zoomMode = 'Default';
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/retry-timeout.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/retry-timeout.md
index 9e1e22fd6f..1c82bff0a2 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/retry-timeout.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/retry-timeout.md
@@ -1,14 +1,14 @@
---
layout: post
title: Retry Timeout | Syncfusion
-Description: Learn here all about Retry Timeout in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn here about the retry timeout in the Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Retry Timeout
documentation: ug
domainurl: ##DomainURL##
---
-# Retry timeout
+# Retry timeout in Angular
The `retryTimeout` property controls how long the PDF Viewer waits (in seconds) for an AJAX response before considering that request timed out. When a timeout occurs, the viewer will retry the request according to the `retryCount` setting. Properly configuring `retryTimeout` and `retryCount` makes the viewer more resilient to transient network errors while avoiding excessive load on the server.
@@ -35,7 +35,7 @@ Use cases:
```
-In the given example, the `retryTimeout` is set to 10 seconds, and the `retryCount` is set to 5. This means that if a request made by the PDF Viewer takes longer than 10 seconds to receive a response, it will be considered a timeout. In such cases, The PDF Viewer will resend the same request based on the retryCount. Here, this process will repeat up to maximum of 5 retries.
+In the given example, the `retryTimeout` is set to 10 seconds, and the `retryCount` is set to 5. This means that if a request made by the PDF Viewer takes longer than 10 seconds to receive a response, it will be considered a timeout. In such cases, the PDF Viewer will resend the same request based on the retryCount. Here, this process will repeat up to a maximum of 5 retries.
When an AJAX request times out, the viewer decrements `retryCount` and retries the request until the count reaches zero. The viewer stops retrying when the request succeeds or when `retryCount` is exhausted, at which point the viewer surfaces an error to the application.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-custom-stamp-item.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-custom-stamp-item.md
index 9f77a72310..67cffef8fc 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-custom-stamp-item.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-custom-stamp-item.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Displaying Custom stamp Items in Angular PDF Viewer|Syncfusion.
-description: Learn how to display custom items in the custom stamp Dropdown in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Displaying Custom Stamp Items in the Angular PDF Viewer | Syncfusion
+description: Learn how to display custom items in the custom stamp dropdown in the Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -80,7 +80,7 @@ export class AppComponent implements OnInit {
{
customStampName: 'Image1',
customStampImageSource: 'data:image/png;base64,...' // Provide a valid base64 or URL for the image
- },
+ },
{
customStampName: 'Image2',
customStampImageSource: 'data:image/png;base64,...' // Provide a valid base64 or URL for the image
@@ -151,7 +151,7 @@ export class AppComponent implements OnInit {
{
customStampName: 'Image1',
customStampImageSource: 'data:image/png;base64,...' // Provide a valid base64 or URL for the image
- },
+ },
{
customStampName: 'Image2',
customStampImageSource: 'data:image/png;base64,...' // Provide a valid base64 or URL for the image
@@ -168,6 +168,6 @@ export class AppComponent implements OnInit {
{% endhighlight %}
{% endtabs %}
-By following these instructions, you can successfully configure to display custom items in the custom stamp dropdown, allowing users to easily apply personalized stamps to their documents.
+By following these instructions, you can successfully display custom items in the custom stamp dropdown, allowing users to easily apply personalized stamps to their documents.
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-pop-up-after-completion-of-export-form-fields.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-pop-up-after-completion-of-export-form-fields.md
index 9b440d9f6a..92986ff2bd 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-pop-up-after-completion-of-export-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-pop-up-after-completion-of-export-form-fields.md
@@ -3,14 +3,14 @@ layout: post
title: Show pop up in Angular PDF Viewer component | Syncfusion
description: Learn here all about Show pop up after completion of export form fields in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Show pop up after completion of export form fields
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
# Show pop-up after completion of export form fields
-The [exportSuccess](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/exportSuccessEventArgs/) event fires when exporting annotations or form data completes successfully. Use this event to display a notification pop-up that informs users the export finished and their data was saved.
+The [exportSuccess](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/exportsuccesseventargs) event fires when exporting annotations or form data completes successfully. Use this event to display a notification pop-up that informs users the export finished and their data was saved.
Use the following example to display a notification after a successful export.
@@ -31,7 +31,7 @@ public fireExportRequestSuccess() {
.ej2_instances[0];
//API to notify popup once the form is submitted.
pdfViewer.viewerBase.openImportExportNotificationPopup(
- 'Your form information has been saved. You can resume it at any times.Form Information Saved'
+ 'Your form information has been saved. You can resume it at any time.Form Information Saved'
);
}
@@ -53,7 +53,7 @@ public fireExportRequestSuccess() {
.ej2_instances[0];
//API to notify popup once the form is submitted.
pdfViewer.viewerBase.openImportExportNotificationPopup(
- 'Your form information has been saved. You can resume it at any times.Form Information Saved'
+ 'Your form information has been saved. You can resume it at any time.Form Information Saved'
);
}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md
index 401b31a9af..66893d6f46 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Signature selection events in Angular PDF Viewer component| Syncfusion
-description: Learn here all about signatureSelect and signatureUnselect event event in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Signature selection events in Angular | Syncfusion
+description: Learn here all about signatureSelect and signatureUnselect events in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/unload-document.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/unload-document.md
index 1276c8dc17..a3ed4745e9 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/unload-document.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/unload-document.md
@@ -3,14 +3,16 @@ layout: post
title: Unload document in Angular PDF Viewer component | Syncfusion
description: Learn here all about Unload document in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Unload document
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
+# Unload document in Angular PDF Viewer component
+
## Unload the PDF document programmatically
-The PDF Viewer provides the [unload()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#unload) method to remove the currently loaded PDF from the viewer instance. Use this API to free memory or reset the viewer when navigating between documents or closing the viewer.
+The PDF Viewer provides the [unload()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#unload) method to remove the currently loaded PDF from the viewer instance. Use this API to free memory or reset the viewer when navigating between documents or closing the viewer.
The following steps are used to unload the PDF document programmatically.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md
index 9c70eba23b..e1a74d8df7 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md
@@ -2,7 +2,7 @@
layout: post
title: Web-service is not listening to error | Syncfusion
description: Learn how to clear Web-service is not listening to errors in Syncfusion Angular PDF Viewer component and more.
-control: How to clear Web-service is not listening to errors.
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
If the Angular PDF Viewer reports a "Web-service is not listening" error, use the browser's developer tools to diagnose the request and the server behavior. The steps below guide the most common troubleshooting paths and remediation actions.
-**Step 1:** Open the browser's developer tools by right-clicking on the page and selecting `Inspect` from the dropdown menu. Then Navigate to the `Network` tab. This will show you all of the requests that are being made by the page.
+**Step 1:** Open the browser's developer tools by right-clicking on the page and selecting `Inspect` from the dropdown menu. Then navigate to the `Network` tab. This will show you all of the requests that are being made by the page.
@@ -46,13 +46,13 @@ The `Document cache not found` exception in PDF Viewer typically occurs when the
It's possible that you have multiple instances of the PDF Viewer running simultaneously, which can cause issues with the document cache. To check for this, open the Task Manager on your computer and look for any instances of the PDF Viewer running. If you find multiple instances, try closing them all and reopening the viewer.
-We can use Redis cache and distributive cache for this issue.
+We can use Redis cache and distributed cache for this issue.
### Check your network connection
Ensure that your network connection is stable and strong enough to support the web service you are trying to use. Sometimes, simply restarting the web service can resolve the issue. Try stopping and starting the service again to see if it resolves the problem.
-## The document pointer does not exist in the cache.
+## The document pointer does not exist in the cache
The `Document pointer does not exist in the cache` exception in the PDF Viewer usually occurs when there is an issue with loading or caching the PDF document. This error can be caused by a variety of reasons, including:
@@ -66,4 +66,4 @@ To clear this error in the Angular PDF Viewer, you can try the following steps:
## Internal server error
-Server-side exceptions happen for various use cases. We can't just define them if they are document-specific, provide the document, or you may need to contact support for further assistance.
\ No newline at end of file
+Server-side exceptions happen for various use cases. If they are document-specific, provide the document, or contact support for further assistance.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/images/angular-cli-pdfviewer.png b/Document-Processing/PDF/PDF-Viewer/angular/images/angular-cli-pdfviewer.png
new file mode 100644
index 0000000000..d26ecd5233
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/images/angular-cli-pdfviewer.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md b/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md
index db4c16a889..d02800483d 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md
@@ -1,9 +1,9 @@
---
layout: post
-title: Interaction mode in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Interaction mode in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Interaction Mode in Angular PDF Viewer component | Syncfusion
+description: Learn all about Interaction Mode in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Interaction mode
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -79,7 +79,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
-## Panning Mode
+## Panning mode
Panning mode enables touch-based panning and page scrolling of the loaded PDF; text selection is disabled in this mode.
@@ -144,5 +144,5 @@ You can switch the interaction mode of the PDF Viewer using the following code s
## See also
-* [Toolbar items](./toolbar)
+* [Toolbar items](./toolbar-customization/overview)
* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/magnification.md b/Document-Processing/PDF/PDF-Viewer/angular/magnification.md
index a7655a9da8..3e98da988a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/magnification.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/magnification.md
@@ -1,9 +1,9 @@
---
layout: post
title: Magnification in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Magnification in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn all about Magnification in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Magnification
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -97,5 +97,5 @@ N> The PDF Viewer supports zoom values from 10% to 400%.
## See also
-* [Toolbar items](./toolbar)
+* [Toolbar items](./toolbar-customization/overview)
* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md
index 97dd2d66a0..81fcbfb8ad 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md
@@ -1,9 +1,9 @@
---
layout: post
title: Mobile Toolbar Interface in Angular PDF Viewer component | Syncfusion
-description: Learn All About the Mobile Toolbar Interface in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn all about the Mobile Toolbar Interface in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Mobile Toolbar Interface
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -11,12 +11,12 @@ domainurl: ##DomainURL##
The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes Essential® tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions.
-## Mobile Mode Toolbar Configuration
+## Mobile mode toolbar configuration
In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode:
-### Main Toolbar Options:
+### Main toolbar options
**OpenOption:** Tap to load a PDF document.
@@ -37,7 +37,7 @@ In mobile mode, the toolbar is optimized for ease of use on small screens, prese
N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer.
-### More Options Menu:
+### More options menu
When you open the "more options" menu, you will see additional actions such as:
**DownloadOption:** Tap to download the currently opened PDF document.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md b/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md
index 9b406885ff..8ab696dcc5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md
@@ -1,7 +1,7 @@
---
layout: post
title: Module Injection for Angular PDF Viewer | Syncfusion
-description: Syncfusion Angular PDF Viewer to enable optional features like toolbar, navigation, annotations, search.
+description: Learn how to enable optional features like toolbar, navigation, annotations, and search in the Syncfusion Angular PDF Viewer.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/navigation.md b/Document-Processing/PDF/PDF-Viewer/angular/navigation.md
index 2c2026b14e..8ab1028b84 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/navigation.md
@@ -1,9 +1,9 @@
---
layout: post
title: Navigation in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Navigation in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn all about Navigation in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Navigation
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -17,7 +17,7 @@ The Angular PDF Viewer supports several internal and external navigation methods
The default toolbar of PDF Viewer contains the following navigation options
* **Go to page**:- Navigates to the specific page of a PDF document.
-* **Show next page**:- Navigates to the next page of PDF a document.
+* **Show next page**:- Navigates to the next page of a PDF document.
* **Show previous page**:- Navigates to the previous page of a PDF document.
* **Show first page**:- Navigates to the first page of a PDF document.
* **Show last page**:- Navigates to the last page of a PDF document.
@@ -236,7 +236,7 @@ Hyperlink navigation enables opening external URLs embedded in a PDF file.
## Table of contents navigation
-Table of contents navigation allows users to jump to sections listed in the PDF's table of contents. You can enable or disable link navigation using the following code snippet.
+Table of contents navigation allows users to jump to sections listed in the PDF's table of contents. You can enable or disable table of contents navigation using the following code snippet.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -366,7 +366,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
{% endhighlight %}
{% endtabs %}
-
+
## Keyboard navigation with Tab and Shift+Tab keys
@@ -384,5 +384,5 @@ N> The tab order is defined by the order of form fields in the PDF file.
## See also
-* [Toolbar items](./toolbar)
+* [Toolbar items](./toolbar-customization/overview)
* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md b/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md
index 6d8e72ed65..d4e57b914a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md
@@ -3,7 +3,7 @@ layout: post
title: Open PDF Files in Angular PDF Viewer Component | Syncfusion
description: Learn here all about how to load PDF files from various locations in Syncfusion Angular PDF Viewer component, it's elements, and more.
platform: document-processing
-control: Open PDF files
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -76,7 +76,7 @@ public IActionResult Load([FromBody] Dictionary jsonData)
**Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component
-Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server.Modify the documentPath with the correct PDF Document URL want to load.
+Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Modify the `documentPath` with the correct PDF document URL to load.
```typescript
import { Component, OnInit } from '@angular/core';
@@ -111,7 +111,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
## Opening a PDF from base64 data
-The following steps explains how the PDF file can be loaded in PDF Viewer as base64 string.
+The following steps explain how the PDF file can be loaded in the PDF Viewer as a base64 string.
**Step 1:** Create a Simple PDF Viewer Sample in Angular
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/overview.md
index 542304d820..a016f99eb5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/overview.md
@@ -14,25 +14,25 @@ The [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk) component is
* Accurate, reliable rendering of PDF pages.
* Easy page navigation with:
- * [Thumbnail page view](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/page-thumbnail)
+ * [Page thumbnail](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/page-thumbnail)
* [Bookmark panel](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/bookmark)
* [Hyperlink navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/hyperlink)
* [Table of contents navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/hyperlink#table-of-contents-navigation)
* Core interactions:
* [Zooming](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/magnification) and [panning](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interaction-mode)
- * [Text searching](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/text-search)
+ * [Text search](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/text-search)
* Text selection and copy
* [Print](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/print) PDF files.
* Annotate PDFs with:
- * [Text markup annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/text-markup-annotation): highlight, underline, and strikethrough
- * [Shape annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/shape-annotation): rectangle, circle, polygon, line, and arrow
- * [Stamp annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/stamp-annotation)
- * [Free text annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/free-text-annotation)
- * [Comments](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/comments) and [sticky notes](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/sticky-notes-annotation)
+ * [Text markup annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/highlight-annotation): highlight, underline, and strikethrough
+ * [Shape annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/rectangle-annotation): rectangle, circle, polygon, line, and arrow
+ * [Stamp annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/stamp-annotation)
+ * [Free text annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/free-text-annotation)
+ * [Comments](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/comments) and [sticky notes](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/sticky-notes)
* [Form filling](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/forms/overview)
* [Form designer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/form-designer)
* [Handwritten signature](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/signature-annotation)
-* [Toolbar](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/toolbar) - Built-in toolbar and custom toolbars for common viewer actions.
+* [Toolbar](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/toolbar-customization/annotation-toolbar) - Built-in toolbar and custom toolbars for common viewer actions.
* [Globalization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/localization/default-language) - Localize the UI.
* Open and display [normal and protected PDF files](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-file/to-box-cloud-file-storage.md b/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-file/to-box-cloud-file-storage.md
index 837c9eae69..2f91a94f8c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-file/to-box-cloud-file-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-file/to-box-cloud-file-storage.md
@@ -149,7 +149,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
}
```
-N> Install the Box .NET SDK in the web service project: `dot net add package Box.V2`.
+N> Install the Box .NET SDK in the web service project: `dotnet add package Box.V2`.
N> Replace `PDF_Succinctly.pdf` with the actual document name to load from Box cloud storage. Pass the document name from the Box folder to the `documentPath` property of the `Angular PDF Viewer` component.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md b/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md
index ed934b4b1b..abe9ad076f 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md
@@ -3,7 +3,7 @@ layout: post
title: Saving PDF files in Angular PDF Viewer component | Syncfusion
description: This page helps you to learn here all about saving PDF files in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Saving PDF files
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -26,7 +26,7 @@ Follow the getting-started guide at [Link](https://help.syncfusion.com/document-
2. Open the `PdfViewerController.cs` file in the web service project.
-3. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadStartEventArgs/) method to open it in the viewer using URL
+3. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadstarteventargs) method to open it in the viewer using URL
```csharp
@@ -59,7 +59,7 @@ public IActionResult Download([FromBody] Dictionary jsonObject)
**Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component
-Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server.Modify the documentPath with the correct PDF Document URL want to load.
+Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Modify the `documentPath` with the correct PDF document URL to load.
```typescript
import { Component, OnInit } from '@angular/core';
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md b/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md
index 88383190da..61e530ec9c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md
@@ -57,7 +57,7 @@ When you migrate to standalone mode, the processing location for various feature
Migrating to standalone mode provides several architectural and operational benefits:
**API Compatibility:**
-- **No API Breaks:** There are no breaking API changes when migrating from the server-backed PDF Viewer to the standalone PDF Viewer. However, APIs that are specific to server interaction, such as [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serviceurl), [serverActionSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serveractionsettings), [ajaxRequestSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#ajaxrequestssettings), [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrycount), [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrytimeout), and [retryStatusCodes](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrystatuscodes), are not applicable in standalone mode. Apart from these server-dependent APIs, all other APIs remain consistent and are supported in the standalone PDF Viewer.
+- **No API Breaks:** There are no breaking API changes when migrating from the server-backed PDF Viewer to the standalone PDF Viewer. However, APIs that are specific to server interaction, such as [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serviceurl), [serverActionSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serveractionsettings), [ajaxRequestSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#ajaxrequestsettings), [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrycount), [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrytimeout), and [retryStatusCodes](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrystatuscodes), are not applicable in standalone mode. Apart from these server-dependent APIs, all other APIs remain consistent and are supported in the standalone PDF Viewer.
**Performance and User Experience:**
- **Instant Rendering:** PDF operations execute immediately in the browser without server round-trips
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/setup-with-syncfusion-cli.md b/Document-Processing/PDF/PDF-Viewer/angular/setup-with-syncfusion-cli.md
new file mode 100644
index 0000000000..22806be52f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/setup-with-syncfusion-cli.md
@@ -0,0 +1,110 @@
+---
+layout: post
+title: Set Up Angular PDF Viewer Using Syncfusion CLI | Syncfusion
+description: Learn how to set up an Angular PDF Viewer project using the Syncfusion CLI with both interactive and non-interactive modes
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Set Up Angular PDF Viewer Using Syncfusion CLI
+
+This guide shows you how to set up an Angular PDF Viewer project using the Syncfusion CLI in minutes. The Syncfusion CLI automates project scaffolding with predefined templates, themes, and styling formats.
+
+## Prerequisites
+
+Before you begin, ensure you have the following:
+
+- **Node.js 24+ (LTS recommended)** — [Download Node.js](https://nodejs.org/en)
+- A command-line terminal (PowerShell, Terminal, or Command Prompt)
+- Basic familiarity with npm and Angular
+
+## Step 1: Install the Syncfusion CLI
+
+Install the Syncfusion CLI globally using the following command:
+
+```bash
+npm install -g @syncfusion/syncfusion-cli
+```
+
+## Step 2: Create an Angular PDF Viewer Project
+
+The Syncfusion CLI provides two ways to create a project: **non-interactive** and **interactive** mode.
+
+### Option A: Non-interactive Mode
+
+Create a project directly with a single command:
+
+```bash
+sf new my-pdf-viewer-app --framework angular --template pdf-viewer
+```
+
+This command instantly creates an Angular application configured with the EJ2 PDF Viewer component. Replace `my-pdf-viewer-app` with your desired project name.
+
+### Option B: Interactive Mode
+
+For a guided setup, run the CLI in interactive mode:
+
+```bash
+sf
+```
+
+The CLI will prompt you to select your project configuration. Follow these steps:
+
+1. **Project name** — Enter your project name (e.g., `my-pdf-viewer-app`)
+2. **Framework** — Select `Angular`
+3. **Build Tool** — Select `Webpack` or your preferred build tool
+4. **Language** — Select `TypeScript` or `JavaScript`
+5. **Template** — Select `PDF Viewer`
+6. **Theme** — Choose your preferred theme (e.g., `Material3`)
+7. **Style Format** — Select `CSS`, `SCSS`, or `Tailwind CSS`
+8. **Syncfusion MCP Server** — Choose `yes` or `no` (for AI-powered development)
+9. **Component Skills** — Choose `yes` or `no` (for AI-powered features)
+10. **Install dependencies and start app?** — Select `yes` to run immediately, or `no` to set up manually
+
+Example output:
+
+```
+✓ Project name? ... my-pdf-viewer-app
+✓ Choose Framework: » Angular
+✓ Choose Build Tool: » Webpack
+✓ Choose Language: » TypeScript
+✓ Choose Template: » PDF Viewer
+✓ Choose Theme: » Material3
+✓ Choose Style Format: » CSS
+✓ Would you like to integrate the Syncfusion MCP Server? ... no
+✓ Would you like to install Component Skills? ... no
+✓ Install dependencies and start app now? ... yes
+```
+
+## Step 3: Run Your Project
+
+If you selected `no` for automatic setup, navigate to your project and start the development server:
+
+```bash
+cd my-pdf-viewer-app
+npm install
+npm start
+```
+
+Your Angular PDF Viewer application will start on `http://localhost:4200` (or the next available port). The browser will automatically open with your project.
+
+After the application starts, you will see the Angular PDF Viewer in the browser with the sample PDF loaded and all toolbar controls ready to use. The output will appear as follows:
+
+
+
+The Syncfusion CLI creates a fully configured project with a predefined PDF Viewer template. The component files contain a basic PDF Viewer component initialized with all essential services (toolbar, annotations, search, form fields, etc.) and ready to use.
+
+## Next Steps
+
+After completing this guide, you will have a working Angular PDF Viewer project. You can now:
+
+- **Customize the PDF Viewer** — See [Customize Toolbar](./toolbar-customization/overview) to modify toolbars and controls
+- **Handle Events** — Learn about PDF Viewer events in [Event Handling](./events)
+- **Add Annotations** — Explore annotation features in [Annotation](./annotation/overview)
+- **Open PDF Files** — See [Open PDF Files](./open-pdf-files) for file handling
+- **Deploy Your App** — Refer to [Deployment Integration](./deployment-integration/ionic-angular) for production setup
+
+For more information, visit the [Getting Started with Angular PDF Viewer](./getting-started) guide or the [PDF Viewer Overview](../overview).
+
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md b/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md
index cadaf5800c..e9963b3a85 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md
@@ -59,7 +59,7 @@ Dark themes provide a better viewing experience in low-light environments. The A
N> Update the viewer container background color when switching to dark theme for visual consistency.
-### How-to: Toggle Dark Mode
+### Toggle Dark Mode
You can dynamically change the theme by swapping the linked stylesheet.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md
deleted file mode 100644
index 408f3509c2..0000000000
--- a/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md
+++ /dev/null
@@ -1,1040 +0,0 @@
----
-layout: post
-title: Toolbar in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Toolbar in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
-platform: document-processing
-control: Toolbar
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Built-in toolbar in Angular PDF Viewer component
-
-The PDF Viewer includes a built-in toolbar that provides common actions such as page navigation, text search, view modes, download, print, bookmarks, and thumbnails.
-
-The following table lists built-in toolbar items and their actions:
-
-| Option | Description |
-|---|---|
-| OpenOption | Loads a PDF document into the PDF Viewer. |
-| PageNavigationTool | Controls page navigation (GoToFirstPage, GoToLastPage, GoToPage, GoToNext, GoToPrevious). |
-| MagnificationTool | Controls zooming (ZoomIn, ZoomOut, Zoom, FitPage, FitWidth). |
-| PanTool | Enables page panning. |
-| SelectionTool | Toggles text selection. |
-| SearchOption | Enables text search within the document. |
-| PrintOption | Prints the loaded PDF document. |
-| DownloadOption | Downloads the loaded PDF document. |
-| UndoRedoTool | Provides undo and redo for annotations. |
-| AnnotationEditTool | Toggles annotation edit mode. |
-| CommentTool | Adds sticky notes (comments) to pages. |
-
-## Show or hide the built-in toolbar
-
-The PDF Viewer can show or hide the entire built-in toolbar. Two common approaches are shown below.
-
-* **Show or hide the toolbar using the `enableToolbar` API**
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
`,
- providers: [LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
-
- public toolItem1: CustomToolbarItemModel = {
- prefixIcon: 'e-icons e-paste',
- id: 'print',
- tooltipText: 'Custom toolbar item',
- };
- public toolItem2: CustomToolbarItemModel = {
- id: 'download',
- text: 'Save',
- tooltipText: 'Custom toolbar item',
- align: 'right'
- };
- LanguageList: string[] = ['Typescript', 'Javascript', 'Angular', 'C#', 'C', 'Python'];
- public toolItem3: CustomToolbarItemModel = {
- type: 'Input',
- tooltipText: 'Language List',
- cssClass: 'percentage',
- align: 'Left',
- id: 'dropdown',
- template: new ComboBox({ width: 100, value: 'TypeScript', dataSource: this.LanguageList, popupWidth: 85, showClearButton: false, readonly: false })
- };
- public toolItem4: CustomToolbarItemModel = {
- type: 'Input',
- tooltipText: 'Text',
- align: 'Right',
- cssClass: 'find',
- id: 'textbox',
- template: new TextBox({ width: 125, placeholder: 'Type Here', created: this.OnCreateSearch})
- }
- public toolbarSettings = {
- showTooltip: true,
- toolbarItems: [this.toolItem1, this.toolItem2, 'OpenOption', 'PageNavigationTool', 'MagnificationTool', this.toolItem3, 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption', 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', this.toolItem4, 'CommentTool', 'SubmitForm']
- };
-
- public toolbarClick(args: ClickEventArgs): void {
- var pdfViewer = (document.getElementById('pdfViewer')).ej2_instances[0];
- if (args.item && args.item.id === 'print') {
- pdfViewer.printModule.print();
- } else if (args.item && args.item.id === 'download') {
- pdfViewer.download();
- }
- }
- public OnCreateSearch(this: any): any {
- this.addIcon('prepend', 'e-icons e-search');
- }
- ngOnInit(): void {
- }
-}
-{% endhighlight %}
-{% endtabs %}
-
-N> Default toolbar items are `['OpenOption', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption', 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']`.
-
-### Align property
-
-The `align` property specifies a toolbar item's horizontal alignment.
-
-`Left`: Aligns the item to the left side of the toolbar.
-`Right`: Aligns the item to the right side of the toolbar.
-
-### Tooltip property
-
-The `tooltipText` property sets the tooltip shown on hover for a toolbar item.
-
-### CssClass Property
-
-The `cssClass` property applies custom CSS classes to a toolbar item for custom styling.
-
-### Prefix Property
-
-The `prefixIcon` property sets an icon CSS class to display before the toolbar item's content.
-
-### ID Property
-
-The `id` property of a `CustomToolbarItemModel` is required and provides a unique identifier for each toolbar item. Use descriptive `id` values so handlers and API calls can reference items reliably.
-
-These properties are used when defining custom toolbar items for the Syncfusion® PDF Viewer. Include them in `ToolbarSettings` to adjust appearance and behavior.
-
-N> Custom toolbar items may display either icons or text depending on the design preference.
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/Customize%20existing%20toolbar)
-
-## Custom toolbar
-
-The PDF Viewer exposes APIs so applications can implement a custom toolbar UI. Hide the built-in toolbar and wire an application-level toolbar to the viewer using these APIs. The following steps demonstrate the approach.
-
-**Step 1:** Follow the [getting-started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) guide to create a simple PDF Viewer sample.
-
-**Step 2:** Hide the built-in toolbar using the `enableToolbar` and `enableNavigationToolbar` flags. Example code follows.
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-
-
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-**Step 3:** Add an EJ2 toolbar for primary actions (Open, Previous, Next, Go to page, Print, Download). Example code follows.
-
-```html
-
-
-
-
-
-
-
-
-
-
-
-
of 0
-
-
-
-
-
-
-
-```
-
-**Step 4:** Add an EJ2 toolbar for magnification actions (Fit to page, Zoom in, Zoom out). Example code follows.
-
-```html
-
-
-
-
-
-
-
-```
-
-**Step 5:** Add the following CSS to style the custom toolbar.
-
-```css
-#magnificationToolbar {
- background: transparent;
- height: auto;
- min-height: 56px;
- width: 200px;
- border: none;
- position: absolute;
- z-index: 1001;
- bottom: 58px;
- right: 16px;
- transform: rotate(90deg);
-}
-
-#magnificationToolbar.e-toolbar .e-toolbar-items {
- background: transparent;
-}
-
-#magnificationToolbar.e-toolbar .e-tbar-btn {
- border-radius: 50%;
- min-height: 30px;
- min-width: 30px;
- border: 1px solid #c8c8c8;
-}
-
-#topToolbar {
- top: 0px;
- z-index: 1001;
-}
-
-.e-tbar-section .e-sample-resize-container {
- height: 46px;
-}
-
-.e-bookmark-popup {
- height: 200px;
- max-width: 250px;
-}
-
-.e-text-search-popup {
- height: 104px;
- max-width: 348px;
-}
-
-.e-custom-search-input {
- width: 234px;
-}
-
-.e-text-search-popup .e-footer-content, .e-bookmark-popup .e-footer-content {
- padding: 0;
- height: 0;
-}
-
-.search-button, .search-button:disabled, .search-button:focus, .search-button:hover {
- background: transparent;
- box-shadow: none;
-}
-
-#popup .e-dlg-content {
- padding-left: 0;
- padding-bottom: 0;
-}
-
-.e-pv-bookmarks {
- min-width: 234px;
-}
-
-.e-pv-current-page-number {
- width: 46px;
- height: 28px;
- text-align: center;
-}
-
-.material .e-pv-current-page-number {
- border-width: 1px;
-}
-
-.e-icons {
- font-family: "e-icons";
- font-style: normal;
- font-variant: normal;
- font-weight: normal;
- line-height: 1;
- text-transform: none;
-}
-
-.e-pv-icon::before {
- font-family: 'e-icons';
-}
-
-.e-pv-icon-search::before {
- font-family: 'e-icons';
- font-size: 12px;
-}
-
-.e-pv-download-document-icon::before {
- content: '\e914';
-}
-
-.e-pv-print-document-icon::before {
- content: '\e917';
-}
-
-.e-pv-previous-page-navigation-icon::before {
- content: '\e910';
-}
-
-.e-pv-next-page-navigation-icon::before {
- content: '\e911';
-}
-
-.e-pv-zoom-out-sample::before {
- content: '\e912';
-}
-
-.e-pv-zoom-out-sample {
- transform: rotate(90deg);
- padding-right: 2px;
-}
-
-.e-pv-zoom-in-icon::before {
- content: '\e91d';
-}
-
-.e-pv-fit-page-icon::before {
- content: '\e91b';
-}
-
-.e-pv-open-document-icon::before {
- content: '\e91c';
-}
-
-@font-face {
- font-family: "e-icons";
- font-style: normal;
- font-weight: normal;
- src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj8wS0QAAAEoAAAAVmNtYXDSeNLMAAABuAAAAFZnbHlmok0NtwAAAjAAAAPkaGVhZBN3pEcAAADQAAAANmhoZWEHrwNhAAAArAAAACRobXR4NsgAAAAAAYAAAAA4bG9jYQdkBmQAAAIQAAAAHm1heHABHAAwAAABCAAAACBuYW1lD0oZXgAABhQAAALBcG9zdFG4mE4AAAjYAAAAyAABAAADUv9qAFoEAAAA/+gEAAABAAAAAAAAAAAAAAAAAAAADgABAAAAAQAAxsly1F8PPPUACwPoAAAAANgsr7EAAAAA2CyvsQAAAAAEAAQAAAAACAACAAAAAAAAAAEAAAAOACQABAAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQPqAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6RDpHQNS/2oAWgQAAJYAAAABAAAAAAAABAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAEIAAAAGAAQAAQAC6RLpHf//AADpEOkU//8AAAAAAAEABgAKAAAAAQACAAMABQAGAAcACAAJAAoACwAMAA0ABAAAAAAAAAAUACoAZACkAL4A7gEuAVwBcAGEAZ4ByAHyAAAAAQAAAAAD6gMuAAUAAAkBBwkBJwIAAet0/on+iXQDL/4VcwF3/olzAAEAAAAAA+oDLgAFAAATCQEXCQGJAXcBd3T+Ff4VAy/+iQF3c/4VAesAAAAAAwAAAAAEAAQAAAMADwAbAAABITUhBQ4BBy4BJz4BNx4BBRYAFzYANyYAJwYAAQACAP4AAoAE2aOj2QQE2aOj2fyEBgEh2dkBIQYG/t/Z2f7fAcCAQKPZBATZo6PZBATZo9n+3wYGASHZ2QEhBgb+3wAAAAADAAAAAAQABAAACwAXACMAAAEjFTMVMzUzNSM1IwEOAQcuASc+ATceAQUWABc2ADcmACcGAAHAwMCAwMCAAcAE2aOj2QQE2aOj2fyEBgEh2dkBIQYG/t/Z2f7fAkCAwMCAwP8Ao9kEBNmjo9kEBNmj2f7fBgYBIdnZASEGBv7fAAIAAAAAAwAEAAADAAoAADEhNSEBIQkBIREhAwD9AAEA/wABgAGA/wD/AIACAP6AAYABgAACAAAAAANABAAADgAaAAABMh4CFRElBRE0Nz4BMycGFRElBRE0JiMhIgKdCwwHBf7g/uAJBAwKdC8BoAGgX0T+BkQDgAYGCwr9YHZ2AqAOCQQGUS9D/KGrqwNfRlsAAAACAAAAAAP/BAAACwAjAAABDgEHLgEnPgE3HgEFHgEXMjY/ARcVATcBIyc3PgE1LgEnDgECgAOQbW2QAwOQbW2Q/YME2aNGfDIDJAEEYf78MyMCKi4E2aOj2QKAbZADA5BtbZADA5Bto9kELioDJDP+/GEBBCQDMnxGo9kEBNkAAAQAAAAABAAEAAADAAcAFQAZAAABFSE1JRUjNSERMxUhNTMRLgEnIQ4BNyE1IQLA/oACQID9AMACgMABSDf9ADdIvwKA/YABwMDAwICA/sDAwAFAN0gBAUmKwAAAAQAAAAACQAQAAAUAABEBNwkBJwHsU/6HAXpSAmD+YGIBPgE+YgAAAAEAAAAAAkAEAAAFAAARCQEXCQEBev6HUwHs/hMDnv7C/sJiAaABoAABAAAAAAKABAAACwAAERcHFzcXNyc3Jwcn9fVM9PVL9PRL9fQDtfX0TPX1TPT0TPT0AAAABAAAAAAD8APwAAUACwARABcAACEzNTM1IQUzFTMRISUhNSM1IwUjFSERIwJ2fvz+hv2K/H7+hgJ2AXr8fv6G/AF6fvx+fvwBevx+/Px+AXoAAAAAAgAAAAAEAAQAAAMAFgAAAREhEScGFREUFhchPgE1ETQmIyEnIQYDgP0AYh48LQMuLTw8Lf5pa/7ULQMA/gACAN8eLf1YLTwDAzwtAigvPYACAAAAAAASAN4AAQAAAAAAAAABAAAAAQAAAAAAAQAUAAEAAQAAAAAAAgAHABUAAQAAAAAAAwAUABwAAQAAAAAABAAUADAAAQAAAAAABQALAEQAAQAAAAAABgAUAE8AAQAAAAAACgAsAGMAAQAAAAAACwASAI8AAwABBAkAAAACAKEAAwABBAkAAQAoAKMAAwABBAkAAgAOAMsAAwABBAkAAwAoANkAAwABBAkABAAoAQEAAwABBAkABQAWASkAAwABBAkABgAoAT8AAwABBAkACgBYAWcAAwABBAkACwAkAb8gY3VzdG9tLXRvb2xiYXJbMTkwOF1SZWd1bGFyY3VzdG9tLXRvb2xiYXJbMTkwOF1jdXN0b20tdG9vbGJhclsxOTA4XVZlcnNpb24gMS4wY3VzdG9tLXRvb2xiYXJbMTkwOF1Gb250IGdlbmVyYXRlZCB1c2luZyBTeW5jZnVzaW9uIE1ldHJvIFN0dWRpb3d3dy5zeW5jZnVzaW9uLmNvbQAgAGMAdQBzAHQAbwBtAC0AdABvAG8AbABiAGEAcgBbADEAOQAwADgAXQBSAGUAZwB1AGwAYQByAGMAdQBzAHQAbwBtAC0AdABvAG8AbABiAGEAcgBbADEAOQAwADgAXQBjAHUAcwB0AG8AbQAtAHQAbwBvAGwAYgBhAHIAWwAxADkAMAA4AF0AVgBlAHIAcwBpAG8AbgAgADEALgAwAGMAdQBzAHQAbwBtAC0AdABvAG8AbABiAGEAcgBbADEAOQAwADgAXQBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIAB1AHMAaQBuAGcAIABTAHkAbgBjAGYAdQBzAGkAbwBuACAATQBlAHQAcgBvACAAUwB0AHUAZABpAG8AdwB3AHcALgBzAHkAbgBjAGYAdQBzAGkAbwBuAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwAIVG9wLWljb24LZG93bi1hcnJvdzIKUFZfWm9vbW91dAlQVl9ab29taW4LUFZfRG93bmxvYWQLUFZfQm9va21hcmsJUFZfU2VhcmNoCFBWX1ByaW50C1BWX1ByZXZpb3VzB1BWX05leHQIUFZfQ2xvc2UMUFZfRml0VG9QYWdlB1BWX09wZW4AAA==) format('truetype');
-}
-```
-
-N> The icons are embedded in the font file used in the previous snippet.
-
-**Step 5:** Add the following code snippet in `app.ts` file for performing a user interaction in PDF Viewer in code behind.
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-@ViewChild('pdfviewer')
-public pdfviewerControl: PdfViewerComponent;
-@ViewChild('customToolbar')
-public customToolbar: ToolbarComponent;
-@ViewChild('zoomToolbar')
-public zoomToolbar: ToolbarComponent;
-public document: string = 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf';
-constructor() { }
-ngOnInit(): void {
- // ngOnInit function
- document
- .getElementById('fileUpload')
- .addEventListener('change', this.readFile.bind(this));
-}
-
-public openDocument(e: ClickEventArgs): void {
- document.getElementById('fileUpload').click();
-}
-
-public previousClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.navigation.goToPreviousPage();
-}
-
-public nextClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.navigation.goToNextPage();
-}
-
-public printClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.print.print();
-}
-
-public downloadClicked(e: ClickEventArgs): void {
- let fileName: string = (document.getElementById(
- 'fileUpload'
- ) as HTMLInputElement).value
- .split('\\')
- .pop();
- if(fileName !== '') {
- this.pdfviewerControl.fileName = fileName;
-}
-this.pdfviewerControl.download();
-}
-
-public pageFitClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.magnification.fitToPage();
- this.updateZoomButtons();
- this.customToolbar.enableItems(document.getElementById('fitPage'), false);
-}
-
-public zoomInClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.magnification.zoomIn();
- this.updateZoomButtons();
-}
-
-public zoomOutClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.magnification.zoomOut();
- this.updateZoomButtons();
-}
-
-public pageChanged(e: PageChangeEventArgs): void {
- (document.getElementById(
- 'currentPage'
-) as HTMLInputElement).value = this.pdfviewerControl.currentPageNumber.toString();
-this.updatePageNavigation();
-}
-
-public documentLoaded(e: LoadEventArgs): void {
- document.getElementById('totalPage').textContent =
- 'of ' + this.pdfviewerControl.pageCount;
- (document.getElementById(
- 'currentPage'
- ) as HTMLInputElement).value = this.pdfviewerControl.currentPageNumber.toString();
-this.updatePageNavigation();
-}
-
-public onCurrentPageBoxClicked(e: ClickEventArgs): void {
- (document.getElementById('currentPage') as HTMLInputElement).select();
-}
-
-public onCurrentPageBoxKeypress(e: KeyboardEvent): boolean {
- if ((e.which < 48 || e.which > 57) && e.which !== 8 && e.which !== 13) {
- e.preventDefault();
- return false;
- } else {
- // tslint:disable-next-line:radix
- const currentPageNumber: number = parseInt(
- (document.getElementById('currentPage') as HTMLInputElement).value
- );
- if (e.which === 13) {
- if (
- currentPageNumber > 0 &&
- currentPageNumber <= this.pdfviewerControl.pageCount
- ) {
- this.pdfviewerControl.navigation.goToPage(currentPageNumber);
- } else {
- // tslint:disable-next-line:max-line-length
- (document.getElementById(
- 'currentPage'
- ) as HTMLInputElement).value = this.pdfviewerControl.currentPageNumber.toString();
- }
- }
- return true;
- }
-}
-
-private updatePageNavigation(): void {
- if(this.pdfviewerControl.currentPageNumber === 1) {
- this.customToolbar.enableItems(
- document.getElementById('previousPage'),
- false
- );
- this.customToolbar.enableItems(document.getElementById('nextPage'), true);
-} else if (
- this.pdfviewerControl.currentPageNumber ===
- this.pdfviewerControl.pageCount
-) {
- this.customToolbar.enableItems(
- document.getElementById('previousPage'),
- true
- );
- this.customToolbar.enableItems(
- document.getElementById('nextPage'),
- false
- );
-} else {
- this.customToolbar.enableItems(
- document.getElementById('previousPage'),
- true
- );
- this.customToolbar.enableItems(document.getElementById('nextPage'), true);
-}
-}
-
-private updateZoomButtons(): void {
- if(this.pdfviewerControl.zoomPercentage <= 50) {
- this.zoomToolbar.enableItems(document.getElementById('zoomIn'), true);
- this.zoomToolbar.enableItems(document.getElementById('zoomOut'), false);
- this.zoomToolbar.enableItems(document.getElementById('fitPage'), true);
-} else if (this.pdfviewerControl.zoomPercentage >= 400) {
- this.zoomToolbar.enableItems(document.getElementById('zoomIn'), false);
- this.zoomToolbar.enableItems(document.getElementById('zoomOut'), true);
- this.zoomToolbar.enableItems(document.getElementById('fitPage'), true);
-} else {
- this.zoomToolbar.enableItems(document.getElementById('zoomIn'), true);
- this.zoomToolbar.enableItems(document.getElementById('zoomOut'), true);
- this.zoomToolbar.enableItems(document.getElementById('fitPage'), true);
-}
-}
-
-// tslint:disable-next-line
-private readFile(args: any): void {
- // tslint:disable-next-line
- let upoadedFiles: any = args.target.files;
- if(args.target.files[0] !== null) {
- let uploadedFile: File = upoadedFiles[0];
- if (uploadedFile) {
- let reader: FileReader = new FileReader();
- reader.readAsDataURL(uploadedFile);
- // tslint:disable-next-line
- let proxy: any = this;
- // tslint:disable-next-line
- reader.onload = (e: any): void => {
- let uploadedFileUrl: string = e.currentTarget.result;
- proxy.pdfviewerControl.load(uploadedFileUrl, null);
- };
- }
-}
-}
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-@ViewChild('pdfviewer')
-public pdfviewerControl: PdfViewerComponent;
-@ViewChild('customToolbar')
-public customToolbar: ToolbarComponent;
-@ViewChild('zoomToolbar')
-public zoomToolbar: ToolbarComponent;
-public service: string =
- 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
-public document: string = 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf';
-constructor() { }
-ngOnInit(): void {
- // ngOnInit function
- document
- .getElementById('fileUpload')
- .addEventListener('change', this.readFile.bind(this));
-}
-
-public openDocument(e: ClickEventArgs): void {
- document.getElementById('fileUpload').click();
-}
-
-public previousClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.navigation.goToPreviousPage();
-}
-
-public nextClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.navigation.goToNextPage();
-}
-
-public printClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.print.print();
-}
-
-public downloadClicked(e: ClickEventArgs): void {
- let fileName: string = (document.getElementById(
- 'fileUpload'
- ) as HTMLInputElement).value
- .split('\\')
- .pop();
- if(fileName !== '') {
- this.pdfviewerControl.fileName = fileName;
-}
-this.pdfviewerControl.download();
-}
-
-public pageFitClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.magnification.fitToPage();
- this.updateZoomButtons();
- this.customToolbar.enableItems(document.getElementById('fitPage'), false);
-}
-
-public zoomInClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.magnification.zoomIn();
- this.updateZoomButtons();
-}
-
-public zoomOutClicked(e: ClickEventArgs): void {
- this.pdfviewerControl.magnification.zoomOut();
- this.updateZoomButtons();
-}
-
-public pageChanged(e: PageChangeEventArgs): void {
- (document.getElementById(
- 'currentPage'
-) as HTMLInputElement).value = this.pdfviewerControl.currentPageNumber.toString();
-this.updatePageNavigation();
-}
-
-public documentLoaded(e: LoadEventArgs): void {
- document.getElementById('totalPage').textContent =
- 'of ' + this.pdfviewerControl.pageCount;
- (document.getElementById(
- 'currentPage'
- ) as HTMLInputElement).value = this.pdfviewerControl.currentPageNumber.toString();
-this.updatePageNavigation();
-}
-
-public onCurrentPageBoxClicked(e: ClickEventArgs): void {
- (document.getElementById('currentPage') as HTMLInputElement).select();
-}
-
-public onCurrentPageBoxKeypress(e: KeyboardEvent): boolean {
- if ((e.which < 48 || e.which > 57) && e.which !== 8 && e.which !== 13) {
- e.preventDefault();
- return false;
- } else {
- // tslint:disable-next-line:radix
- const currentPageNumber: number = parseInt(
- (document.getElementById('currentPage') as HTMLInputElement).value
- );
- if (e.which === 13) {
- if (
- currentPageNumber > 0 &&
- currentPageNumber <= this.pdfviewerControl.pageCount
- ) {
- this.pdfviewerControl.navigation.goToPage(currentPageNumber);
- } else {
- // tslint:disable-next-line:max-line-length
- (document.getElementById(
- 'currentPage'
- ) as HTMLInputElement).value = this.pdfviewerControl.currentPageNumber.toString();
- }
- }
- return true;
- }
-}
-
-private updatePageNavigation(): void {
- if(this.pdfviewerControl.currentPageNumber === 1) {
- this.customToolbar.enableItems(
- document.getElementById('previousPage'),
- false
- );
- this.customToolbar.enableItems(document.getElementById('nextPage'), true);
-} else if (
- this.pdfviewerControl.currentPageNumber ===
- this.pdfviewerControl.pageCount
-) {
- this.customToolbar.enableItems(
- document.getElementById('previousPage'),
- true
- );
- this.customToolbar.enableItems(
- document.getElementById('nextPage'),
- false
- );
-} else {
- this.customToolbar.enableItems(
- document.getElementById('previousPage'),
- true
- );
- this.customToolbar.enableItems(document.getElementById('nextPage'), true);
-}
-}
-
-private updateZoomButtons(): void {
- if(this.pdfviewerControl.zoomPercentage <= 50) {
- this.zoomToolbar.enableItems(document.getElementById('zoomIn'), true);
- this.zoomToolbar.enableItems(document.getElementById('zoomOut'), false);
- this.zoomToolbar.enableItems(document.getElementById('fitPage'), true);
-} else if (this.pdfviewerControl.zoomPercentage >= 400) {
- this.zoomToolbar.enableItems(document.getElementById('zoomIn'), false);
- this.zoomToolbar.enableItems(document.getElementById('zoomOut'), true);
- this.zoomToolbar.enableItems(document.getElementById('fitPage'), true);
-} else {
- this.zoomToolbar.enableItems(document.getElementById('zoomIn'), true);
- this.zoomToolbar.enableItems(document.getElementById('zoomOut'), true);
- this.zoomToolbar.enableItems(document.getElementById('fitPage'), true);
-}
-}
-
-// tslint:disable-next-line
-private readFile(args: any): void {
- // tslint:disable-next-line
- let upoadedFiles: any = args.target.files;
- if(args.target.files[0] !== null) {
- let uploadedFile: File = upoadedFiles[0];
- if (uploadedFile) {
- let reader: FileReader = new FileReader();
- reader.readAsDataURL(uploadedFile);
- // tslint:disable-next-line
- let proxy: any = this;
- // tslint:disable-next-line
- reader.onload = (e: any): void => {
- let uploadedFileUrl: string = e.currentTarget.result;
- proxy.pdfviewerControl.load(uploadedFileUrl, null);
- };
- }
-}
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-Find the sample of [Toolbar Customization](https://stackblitz.com/edit/angular-g94gvs?file=app.component.html)
-
-## See also
-
-* [Toolbar customization](./how-to/toolbar_customization)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md b/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md
index 01cec0196f..21ed5844c3 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md
@@ -146,10 +146,10 @@ To start using the skill:
**Example Prompts:**
{% promptcards %}
-{% promptcard Invoice Viewer with Details Panel %}
+{% promptcard Resume Review Interface %}
Design a resume review interface using the PDF viewer for candidate CVs. Add a right panel with candidate details, ratings, tags, and action buttons (shortlist, reject, schedule interview). Include quick notes functionality. Focus on fast scanning and decision-making UX.
{% endpromptcard %}
-{% promptcard Course Material Viewer %}
+{% promptcard Invoice Viewer with Details Panel %}
Design an invoice viewing screen where the PDF viewer is displayed on the left and a structured details panel on the right. The panel should include invoice summary, payment status, client info, and action buttons (mark as paid, download, send reminder). Use card-based sections and soft colors for financial clarity.
{% endpromptcard %}
{% endpromptcards %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md
index ce8981404f..3e2c6085e2 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md
@@ -77,7 +77,7 @@ Redaction annotations can be removed easily:
## Redact Entire Pages
-The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built-in dialog, or perform the same action programmatically.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md
index 89bf137934..584560541c 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md
@@ -310,12 +310,12 @@ You can configure default properties for redaction annotations (such as fill col
The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
-
+
## See also
* [Overview of Redaction](./overview)
* [Redaction UI interactions](./ui-interaction)
* [Redaction Toolbar](./toolbar)
-* [Reaction in Mobile view](./mobile-view)
+* [Redaction in Mobile view](./mobile-view)
* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md
index 14981d888a..4ed051a3b8 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Search text and redact in ASP.NET MVC PdfViewer
-You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below calls `findTextAsync` to perform the search, iterates through the returned bounds, and places a redaction annotation for every result.
N> Prerequisites: Add the PdfViewer control to your ASP.NET MVC application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md
index 19196220d3..58b1b1f588 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md
@@ -55,17 +55,17 @@ The following example shows how to enable the redaction toolbar:
Refer to the following image for the toolbar view:
-
+
## Show or hide the redaction toolbar
-You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+You can toggle the redaction toolbar either using the built-in toolbar icon or programmatically with the `showRedactionToolbar` method.
### Display the redaction toolbar using the toolbar icon
When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
-
+
### Display the redaction toolbar programmatically
@@ -116,11 +116,11 @@ The following example demonstrates toggling the redaction toolbar programmatical
Refer to the following image for details:
-
+
## See also
-* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [Adding the redaction annotation in PDF viewer](./overview)
* [UI interactions](./ui-interaction)
* [Programmatic support](./programmatic-support)
* [Mobile view](./mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md
index fada3844ea..5880f93f72 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md
@@ -27,7 +27,7 @@ N> The redaction tool is hidden by default. Customize the toolbar to include it.
## Add redaction annotations using the context menu
-In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right-click (or long-press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
@@ -37,19 +37,19 @@ After adding a redaction annotation, you can update its properties through the p
### Update using the property panel
-When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+When a redaction annotation is selected, a two-tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
The property panel can be opened in two ways:
* By clicking the **redaction property panel** icon in the toolbar.
-* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.
+* By right-clicking (or long-pressing) the annotation and choosing **Properties** from the context menu.
#### General tab
-Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+Use the General tab to define how the content will look after redaction. These settings control the final, burned-in result and provide a live preview on hover.
* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
* Overlay Text – Enter the text to display.
@@ -83,7 +83,7 @@ When you click Apply Redaction:
* The selected content is permanently removed from the page.
* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
-* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+* All properties become read-only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
## Delete redaction annotations
@@ -103,8 +103,8 @@ Delete redaction annotations using any of the following:
Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
* **Current Page** – Redacts the page currently in view.
-* **Odd Pages Only** – Redacts all odd‑numbered pages.
-* **Even Pages Only** – Redacts all even‑numbered pages.
+* **Odd Pages Only** – Redacts all odd-numbered pages.
+* **Even Pages Only** – Redacts all even-numbered pages.
* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
After choosing the range, click **Save** to apply redaction marks to the selected pages.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/accessibility.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/accessibility.md
index 28f087d087..4d58a1389c 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/accessibility.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/accessibility.md
@@ -38,7 +38,7 @@ Below is an outline of the accessibility compliance for the PDF Viewer component
## WAI-ARIA attributes
-[WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) (Web Accessibility Initiative – Accessible Rich Internet Applications) defines a way to make web content and web applications more accessible. It provides additional semantics to describe the role, state, and functionality of web components. The following ARIA attributes are used in the PDF Viewer component:
+[WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/) (Web Accessibility Initiative – Accessible Rich Internet Applications) defines a way to make web content and web applications more accessible. It provides additional semantics to describe the role, state, and functionality of web components. The following ARIA attributes are used in the PDF Viewer component:
| Attributes | Purpose |
| --- | --- |
@@ -58,7 +58,7 @@ Below is an outline of the accessibility compliance for the PDF Viewer component
## Keyboard interaction
-The PDF Viewer component follows the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guidelines, making it easy for users of assistive technologies (AT) and those who rely solely on keyboard navigation. The following keyboard shortcuts are supported by the PDF Viewer component:
+The PDF Viewer component follows the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/) guidelines, making it easy for users of assistive technologies (AT) and those who rely solely on keyboard navigation. The following keyboard shortcuts are supported by the PDF Viewer component:
| **Press (Windows)** | **Press (Macintosh)** | **To do this** |
| --- | --- | --- |
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-comment-filter.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-comment-filter.md
index 4451688dbf..b4dfbeee3a 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-comment-filter.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-comment-filter.md
@@ -27,7 +27,7 @@ Comment filtering is most useful in these scenarios:
- **Color-coded reviews**: Filter by annotation color to organize feedback by priority or type
- **Time-based review**: Filter by modification date to see recent changes
- **Document collaboration**: Use "Filter document and comments panel" to synchronize your view with the document
-- **Focused comments panel**: Use panel-only filtering to study all comments without hiding annotations in the document
+- **Focused comments panel**: Use the panel-only filtering to study all comments without hiding annotations in the document
## UI-based filtering
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-event.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-event.md
index 37aa47d78a..0e944d9516 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-event.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotation-event.md
@@ -4,6 +4,7 @@ description: Learn here all about Annotations Events in Syncfusion ASP.NET MVC P
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Annotations Events in ASP.NET MVC PDF Viewer control
@@ -38,7 +39,7 @@ The [annotationAdd](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.
#### Event Arguments
-For event data, see [AnnotationAddEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationAddEventArgs/). It provides properties such as `annotationId`, `pageNumber`, `annotationType`, and `bounds`.
+For event data, see [AnnotationAddEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationaddeventargs). It provides properties such as `annotationId`, `pageNumber`, `annotationType`, and `bounds`.
The following example illustrates how to handle the `annotationAdd` event.
@@ -81,7 +82,7 @@ The [annotationDoubleClick](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfus
#### Event Arguments
-For event data, see [AnnotationDoubleClickEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationDoubleClickEventArgs/).
+For event data, see [AnnotationDoubleClickEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationdoubleclickeventargs).
The following example illustrates how to handle the `annotationDoubleClick` event.
@@ -121,7 +122,7 @@ The [annotationMouseLeave](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusi
#### Event Arguments
-For event data, see [AnnotationMouseLeaveEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationMouseLeaveEventArgs/).
+For event data, see [AnnotationMouseLeaveEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationmouseleaveeventargs).
The following example illustrates how to handle the `annotationMouseLeave` event.
@@ -162,7 +163,7 @@ The [annotationMouseover](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusio
#### Event Arguments
-For event data, see [AnnotationMouseOverEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationMouseOverEventArgs/).
+For event data, see [AnnotationMouseOverEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationmouseovereventargs).
The following example illustrates how to handle the `annotationMouseover` event.
@@ -203,7 +204,7 @@ The [annotationMove](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2
#### Event Arguments
-For event data, see [AnnotationMoveEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationMoveEventArgs/).
+For event data, see [AnnotationMoveEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationmoveeventargs).
The following example illustrates how to handle the `annotationMove` event.
@@ -244,7 +245,7 @@ The [annotationMoving](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.e
#### Event Arguments
-For event data, see [AnnotationMovingEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationMovingEventArgs/).
+For event data, see [AnnotationMovingEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationmovingeventargs).
The following example illustrates how to handle the `annotationMoving` event.
@@ -285,7 +286,7 @@ The [annotationPropertiesChange](https://help.syncfusion.com/cr/aspnetmvc-js2/sy
#### Event Arguments
-For event data, see [AnnotationPropertiesChangeEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationPropertiesChangeEventArgs/). It provides properties such as `annotationId`, `pageNumber`, and `action`.
+For event data, see [AnnotationPropertiesChangeEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationpropertieschangeeventargs). It provides properties such as `annotationId`, `pageNumber`, and `action`.
The following example illustrates how to handle the `annotationPropertiesChange` event.
@@ -328,7 +329,7 @@ The [annotationRemove](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.e
#### Event Arguments
-For event data, see [AnnotationRemoveEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationRemoveEventArgs/). It provides properties such as `annotationId` and `pageNumber`.
+For event data, see [AnnotationRemoveEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationremoveeventargs). It provides properties such as `annotationId` and `pageNumber`.
The following example illustrates how to handle the `annotationRemove` event.
@@ -369,7 +370,7 @@ The [annotationResize](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.e
#### Event Arguments
-For event data, see [AnnotationResizeEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationResizeEventArgs/).
+For event data, see [AnnotationResizeEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationresizeeventargs).
The following example illustrates how to handle the `annotationResize` event.
@@ -410,7 +411,7 @@ The [annotationSelect](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.e
#### Event Arguments
-For event data, see [AnnotationSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationSelectEventArgs/).
+For event data, see [AnnotationSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationselecteventargs).
The following example illustrates how to handle the `annotationSelect` event.
@@ -451,7 +452,7 @@ The [annotationUnselect](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion
#### Event Arguments
-For event data, see [AnnotationUnSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationUnSelectEventArgs/).
+For event data, see [AnnotationUnSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationunselecteventargs).
The following example illustrates how to handle the `annotationUnselect` event.
@@ -492,7 +493,7 @@ The [beforeAddFreeText](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.
#### Event Arguments
-For event data, see [BeforeAddFreeTextEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/beforeAddFreeTextEventArgs/).
+For event data, see [BeforeAddFreeTextEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/beforeaddfreetexteventargs).
The following example illustrates how to handle the `beforeAddFreeText` event.
@@ -539,7 +540,7 @@ The [addSignature](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.p
#### Event Arguments
-For event data, see [AddSignatureEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/addSignatureEventArgs/). It provides properties such as `pageNumber`.
+For event data, see [AddSignatureEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/addsignatureeventargs). It provides properties such as `pageNumber`.
The following example illustrates how to handle the `addSignature` event.
@@ -580,7 +581,7 @@ The [removeSignature](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej
#### Event Arguments
-For event data, see [RemoveSignatureEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/removeSignatureEventArgs/). It provides properties such as `pageNumber`.
+For event data, see [RemoveSignatureEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/removesignatureeventargs). It provides properties such as `pageNumber`.
The following example illustrates how to handle the `removeSignature` event.
@@ -621,7 +622,7 @@ The [resizeSignature](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej
#### Event Arguments
-For event data, see [ResizeSignatureEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/resizeSignatureEventArgs/).
+For event data, see [ResizeSignatureEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/resizesignatureeventargs).
The following example illustrates how to handle the `resizeSignature` event.
@@ -662,7 +663,7 @@ The [signaturePropertiesChange](https://help.syncfusion.com/cr/aspnetmvc-js2/syn
#### Event Arguments
-For event data, see [SignaturePropertiesChangeEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/signaturePropertiesChangeEventArgs/).
+For event data, see [SignaturePropertiesChangeEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/signaturepropertieschangeeventargs).
The following example illustrates how to handle the `signaturePropertiesChange` event.
@@ -703,7 +704,7 @@ The [signatureSelect](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej
#### Event Arguments
-For event data, see [SignatureSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/signatureSelectEventArgs/).
+For event data, see [SignatureSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/signatureselecteventargs).
The following example illustrates how to handle the `signatureSelect` event.
@@ -744,7 +745,7 @@ The [signatureUnselect](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.
#### Event Arguments
-For event data, see [SignatureUnSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/signatureUnSelectEventArgs/).
+For event data, see [SignatureUnSelectEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/signatureunselecteventargs).
The following example illustrates how to handle the `signatureUnselect` event.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotations-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotations-in-mobile-view.md
index 482db34186..d1da7360f8 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotations-in-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/annotations-in-mobile-view.md
@@ -3,14 +3,15 @@ layout: post
title: Annotations in mobile view in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn here all about Annotations in mobile view in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Annotations in mobile view
+control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Annotations in mobile view in ASP.NET MVC PDF Viewer control
## To Open the Annotation Toolbar
-**Step 1:** To enable the annotation toolbar, click the editAnnotation toolbar.
+**Step 1:** To enable the annotation toolbar, click the **Edit Annotation** button.
@@ -20,7 +21,7 @@ documentation: ug
## To add sticky notes annotation
-**Step 1:** click sticky notes icon and then click in the page where you want to add this.
+**Step 1:** click the **Sticky Notes** icon and then click on the page where you want to add this.
@@ -30,7 +31,7 @@ documentation: ug
## To add text markup annotation
-**Step 1:** click any one of the text markup icon, then select the text you want to mark, then touch the selected text to apply the markup annotation.
+**Step 1:** click any one of the text markup icons, then select the text you want to mark, then touch the selected text to apply the markup annotation.
@@ -64,7 +65,7 @@ documentation: ug
## To add signature
-**Step 1:** click the signature icon. This will open the signature canvas to draw signature. After drawn the sign, should click the create button and touch the viewer to add the signature.
+**Step 1:** click the signature icon. This will open the signature canvas to draw a signature. After drawn the sign, should click the create button and touch the viewer to add the signature.
@@ -74,7 +75,7 @@ documentation: ug
## To add ink annotation
-**Step 1:** Click the ink icon tool and draw in the page.
+**Step 1:** Click the ink icon tool and draw on the page.
@@ -82,7 +83,7 @@ documentation: ug
-## Change Annotation Change (Before adding)
+## Change Annotation Property (Before adding)
**Step 1:** We can change the properties before adding the annotation.
@@ -94,7 +95,7 @@ documentation: ug
**Step 1:** We can change the annotation property after adding the annotation.
-**Step 2:** Select the added annotation, it will show the corresponding property tool. This will help us to change the property of the annotation.
+**Step 2:** Select the added annotation, it will show the corresponding property tool. This will help you to change the property of the annotation.
@@ -110,7 +111,7 @@ documentation: ug
-**Step 1:** After opening the comment panel
+**Step 2:** After opening the comment panel
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/comments.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/comments.md
index f5bf848dee..59ea05ffd7 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/comments.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/comments.md
@@ -5,6 +5,7 @@ description: Learn about comments, replies, and status in the Syncfusion ASP.NET
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Comments in ASP.NET MVC PDF Viewer control
@@ -115,7 +116,7 @@ Comments added to the PDF document can be read using the annotation's `comments`
The following example logs comments in response to a button click.
{% tabs %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight cshtml tabtitle="Standalone" %}
@@ -143,7 +144,7 @@ The following example logs comments in response to a button click.
{% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
+{% highlight cshtml tabtitle="Server-Backed" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/free-text-annotation.md
index b9f907fd66..a69bb5e1d9 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/free-text-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/free-text-annotation.md
@@ -1,10 +1,11 @@
---
layout: post
title: Free text annotation in EJ2 ASP.NET MVC PDF Viewer | Syncfusion
-description: Learn about free text annotations in the Syncfusion ASP.NET MVC PDF Viewer (Essential JS 2): add, edit, delete, and default settings.
+description: Learn about free text annotations in the Syncfusion ASP.NET MVC PDF Viewer (Essential JS 2): add, edit, and default settings.
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Free text annotation in ASP.NET MVC PDF Viewer control
@@ -62,7 +63,7 @@ The following example switches to free text annotation mode using a button click
## Add a free text annotation programmatically to the PDF document
-The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
+The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#addannotation) method.
Here is an example of adding a free text annotation programmatically using addAnnotation():
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-annotation.md
index 7a9d4de046..01c506ea88 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-annotation.md
@@ -1,10 +1,11 @@
---
layout: post
title: Ink annotation in ASP.NET MVC PDF Viewer control | Syncfusion
-description: Learn about ink annotations in the Syncfusion ASP.NET MVC PDF Viewer (Essential JS 2): add, edit, delete, and default settings.
+description: Learn about ink annotations in the Syncfusion ASP.NET MVC PDF Viewer (Essential JS 2): add, edit, and default settings.
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Ink annotation in ASP.NET MVC PDF Viewer control
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-eraser.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-eraser.md
index ae402aad5e..fba485157b 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-eraser.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/ink-eraser.md
@@ -261,7 +261,7 @@ You can programmatically switch between Ink drawing mode and Eraser mode for a s
- **Partial erasing**: You can erase any portion of an ink stroke without affecting other strokes.
- **Real-time erasing**: Erased content is immediately removed as the eraser moves across the stroke.
- **Undo/Redo support**: Eraser actions can be undone and redone using the toolbar buttons or keyboard shortcuts (Ctrl+Z, Ctrl+Y).
-- **Size adjust-ability**: The eraser size can be changed at any time without exiting eraser mode.
+- **Adjustable size**: The eraser size can be changed at any time without exiting eraser mode.
- **Mouse and touch input**: The eraser works with mouse, stylus, and touch input on supported devices.
### Programmatic control behavior
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/line-angle-constraints.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/line-angle-constraints.md
index ecfa7bdfb2..de72cd04b6 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/line-angle-constraints.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/line-angle-constraints.md
@@ -5,11 +5,12 @@ description: Learn to add, edit, delete, and configure highlight, underline, str
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Line angle constraints in ASP.NET MVC PDF Viewer
-The PDF Viewer control provides robust **line angle constraints** functionality. This allows users to draw line type annotations with controlled angle snapping, improving accuracy and consistency across technical drawings and measurements across your PDF documents.
+The PDF Viewer control provides robust **line angle constraints** functionality. This allows users to draw line type annotations with controlled angle snapping, improving accuracy and consistency in technical drawings and measurements within your PDF documents.
## Enable line angle constraints
Configure the `enableLineAngleConstraints` property within `annotationDrawingOptions`. When enabled, supported line-type annotations snap to fixed angles.
@@ -84,7 +85,7 @@ Angle snapping rules:
When line angle constraints are enabled:
-- Start drawing a supported annotation (Line, Arrow, Polyline, Distance, or Perimeter).
+- Start drawing a supported annotation (Line, Arrow, Polyline, Distance, Perimeter, Area, or Volume).
- The segment snaps to the nearest allowed angle.
- A visual indicator reflects snapping in real time.
- Release to complete the annotation.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/measurement-annotation.md
index 1f82e97ecc..88e3a94de8 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/measurement-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/measurement-annotation.md
@@ -5,6 +5,7 @@ description: Learn about measurement annotations in the Syncfusion ASP.NET MVC P
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Measurement annotation in ASP.NET MVC PDF Viewer control
@@ -76,11 +77,11 @@ Here is an example showing how to add measurement annotations programmatically u
{% tabs %}
{% highlight html tabtitle="Standalone" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -133,11 +134,11 @@ Here is an example showing how to add measurement annotations programmatically u
{% endhighlight %}
{% highlight html tabtitle="Server-Backed" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -199,11 +200,11 @@ Here is an example of using **editAnnotation()**:
{% tabs %}
{% highlight html tabtitle="Standalone" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -275,11 +276,11 @@ Here is an example of using **editAnnotation()**:
{% endhighlight %}
{% highlight html tabtitle="Server-Backed" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -369,7 +370,7 @@ The stroke color of the annotation can be edited using the color palette provide
### Edit thickness
-Edit border thickness using the range slider provided in the Edit Thickness tool.
+The border thickness can be edited using the range slider provided in the Edit Thickness tool.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/shape-annotation.md
index 6d0d2ee067..6ee8d510d2 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/shape-annotation.md
@@ -5,6 +5,7 @@ description: Learn about shape annotations in the Syncfusion ASP.NET MVC PDF Vie
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Shape annotation in ASP.NET MVC PDF Viewer control
@@ -76,11 +77,11 @@ Here is an example showing how to add shape annotations programmatically using *
{% tabs %}
{% highlight html tabtitle="Standalone" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -132,11 +133,11 @@ Here is an example showing how to add shape annotations programmatically using *
{% endhighlight %}
{% highlight html tabtitle="Server-Backed" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -198,11 +199,11 @@ Here is an example of using **editAnnotation()**:
{% tabs %}
{% highlight html tabtitle="Standalone" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
@@ -274,11 +275,11 @@ Here is an example of using **editAnnotation()**:
{% endhighlight %}
{% highlight html tabtitle="Server-Backed" %}
-
-
-
-
-
+
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/signature-annotation.md
index a8dceed77f..a9dff18066 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/signature-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/signature-annotation.md
@@ -5,6 +5,7 @@ description: Learn how to enable, add programmatically, and customize handwritte
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Handwritten Signature Annotation in ASP.NET MVC PDF Viewer
@@ -28,7 +29,7 @@ The following example shows how to enable handwritten signatures in the PDF View
{% endhighlight %}
{% endtabs %}
-## Adding a handwritten signature to the PDF document
+## Add a handwritten signature to the PDF document
A handwritten signature can be added using the annotation toolbar:
@@ -156,7 +157,7 @@ Use the **addAnnotation()** method to add a handwritten signature programmatical
Edit the stroke color, thickness, and opacity of a handwritten signature using the annotation toolbar’s edit stroke color, edit thickness, and edit opacity tools.
-
+
Use the following example to set default handwritten signature settings.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/stamp-annotation.md
index 90cfdd2dca..30077bb7b4 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/stamp-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/stamp-annotation.md
@@ -5,6 +5,7 @@ description: Learn about stamp annotations in the Syncfusion ASP.NET MVC PDF Vie
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Stamp annotation in ASP.NET MVC PDF Viewer control
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/sticky-notes-annotation.md
index d4ac3a067b..1ad0379da5 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/sticky-notes-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/sticky-notes-annotation.md
@@ -5,6 +5,7 @@ description: Learn about sticky note annotations in the Syncfusion ASP.NET MVC P
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Sticky notes in ASP.NET MVC PDF Viewer control
@@ -153,17 +154,17 @@ Modify or delete comments or replies, and change status using the menu options i
Default properties for sticky note annotations can be set before creating the control using StickyNotesSettings.
-After changing default opacity using the Edit Opacity tool, the selected value is applied. The following example sets default sticky note annotation settings.
+After changing the default opacity using the Edit Opacity tool, the selected value is applied to subsequent annotations. The following example sets default sticky note annotation settings.
{% tabs %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight cshtml tabtitle="Standalone" %}
```html
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").StickyNotesSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerStickyNotesSettings { Author = "Syncfusion" }).Render()
@@ -177,14 +178,14 @@ After changing default opacity using the Edit Opacity tool, the selected value i
The PDF Viewer control provides an option to disable sticky note annotations. The following example disables the feature.
{% tabs %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight cshtml tabtitle="Standalone" %}
```html
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).EnableStickyNotesAnnotation(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/text-markup-annotation.md
index 6c7de899d8..180fbdc625 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/text-markup-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/annotation/text-markup-annotation.md
@@ -5,6 +5,7 @@ description: Learn to add, edit, delete, and customize text markup annotations l
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Text markup annotation in ASP.NET MVC PDF Viewer control
@@ -657,7 +658,7 @@ Refer to the following code sample to set the default annotation settings.
{% highlight cshtml tabtitle="Server-Backed" %}
{% endhighlight %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/download.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/download.md
index 0bc0599c79..8d3cf4c635 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/download.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/download.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Download in EJ2 ASP.NET MVC PDF Viewer | Syncfusion
+title: Download in EJ2 ASP.NET MVC PDF Viewer | Syncfusion
description: Learn here all about Download in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Download
@@ -28,7 +28,7 @@ The PDF Viewer supports downloading the loaded PDF file. You can enable or disab
{% endhighlight %}
{% endtabs %}
-
+
You can also programmatically invoke the download action using the `download()` method, as shown below:
@@ -50,7 +50,7 @@ You can also programmatically invoke the download action using the `download()`
{% highlight html tabtitle="Server-Backed" %}
```html
@@ -48,7 +48,7 @@ The following steps outline how to capture the current page number.
function currentPage() {
var viewer = document.getElementById('pdfviewer').ej2_instances[0];
var pageNumber = viewer.currentPageNumber;
- alert("current page number is" + pageNumber);
+ alert("current page number is " + pageNumber);
}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/configure-annotation-selector-setting.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/configure-annotation-selector-setting.md
index d0203b09a9..d7195617c8 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/configure-annotation-selector-setting.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/configure-annotation-selector-setting.md
@@ -15,9 +15,9 @@ The [**annotationSelectorSettings**](https://help.syncfusion.com/cr/aspnetmvc-js
### How to Configure Annotation Selector Settings
-**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started) to create simple PDF Viewer sample and include the required EJ2 script and style assets in the layout or view.
+**Step 1:** Follow the steps provided in the [Syncfusion ASP.NET MVC PDF Viewer getting started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started) to create a simple PDF Viewer sample and include the required EJ2 script and style assets in the layout or view.
-**Step 2:** Set Up PDF Viewer in Your View: Add the following code snippet to your view (e.g., Index.cshtml)
+**Step 2:** Set up the PDF Viewer in your view. Add the following code snippet to your view (e.g., Index.cshtml):
```
@{
@@ -34,7 +34,7 @@ The [**annotationSelectorSettings**](https://help.syncfusion.com/cr/aspnetmvc-js
```
-**Step 3:** Add JavaScript for Annotation Selector Settings: Below the PDF Viewer in your view, include the following script to configure the annotationSelectorSettings.
+**Step 3:** Add JavaScript for annotation selector settings. Below the PDF Viewer in your view, include the following script to configure the `annotationSelectorSettings`.
```
{% endhighlight %}
{% endtabs %}
-### Description of each option
+### Description of each option:
**extractTextOption.TextAndBounds (default):** Returns both plain text and positional data (bounds). Use this option when you need both the content of the PDF and its layout for further processing.
**extractTextOption.TextOnly:** Returns only the plain text from the PDF. No positional data is included. Text search functionality is disabled when using this option; use `findTextAsync` for searching.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text-using-text-collection.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text-using-text-collection.md
index c3741616a5..c623584958 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text-using-text-collection.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text-using-text-collection.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Extract text using TextLineCollection in Syncfusion ASP.NET MVC PDF Viewer
+title: Extract Text with TextLineCollection in Syncfusion PDF Viewer
description: Learn how to extract text with bounds from PDF pages by using the TextLineCollection API in the Syncfusion ASP.NET MVC PDF Viewer.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -38,7 +37,7 @@ var docStream = new FileStream(fileInfo.FullName, FileMode.Open, FileAccess.Read
PdfLoadedDocument document = new PdfLoadedDocument(docStream);
// Loading page collections
PdfPageBase page = document.Pages[0] as PdfLoadedPage;
-//Extract text from the page.
+// Extract text from the page.
var text = page.ExtractText(out TextLineCollection textLineCollection);
```
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text.md
index d67963df51..5b696abb8b 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/extract-text.md
@@ -4,7 +4,6 @@ title: Use extractText in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to use the extractText method in the Syncfusion ASP.NET MVC PDF Viewer to extract text and bounds from one or more pages.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -12,7 +11,7 @@ documentation: ug
The `ExtractText` APIs let you retrieve text from one or more pages, returning either plain text or text with bounds for each element. Use them on the server or in the standalone viewer depending on your scenario.
-N>From Volume 2 2019 release Syncfusion.Pdf.Net.Core and Syncfusion.Compression.Net.Core packages are added as dependency for PDF Viewer control. Ensure the dependency packages are referred in your application properly.
+N> From the Volume 2 2019 release, the Syncfusion.Pdf.Net.Core and Syncfusion.Compression.Net.Core packages are added as dependencies for the PDF Viewer control. Ensure the dependency packages are referenced in your application properly.
## Extract text on the server (optional)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/find-text-async.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/find-text-async.md
index c9c671d7dd..86ca2781ab 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/find-text-async.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/find-text-async.md
@@ -4,7 +4,6 @@ title: Use findTextAsync in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to search text asynchronously with findTextAsync in the Syncfusion ASP.NET MVC PDF Viewer and retrieve match bounds.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-Page-Info.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-Page-Info.md
index 3ca79ab9b2..9c014f1659 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-Page-Info.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-Page-Info.md
@@ -4,7 +4,6 @@ title: Get page info in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to retrieve page height, width, and rotation using getPageInfo in the Syncfusion ASP.NET MVC PDF Viewer.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -12,7 +11,7 @@ documentation: ug
Use the **getPageInfo()** method to retrieve information for a specified page, including height, width, and rotation.
-The following steps show how to use `getPageInfo`.
+The following steps show how to use `getPageInfo`:
**Step 1:** Follow the steps in the [Syncfusion ASP.NET MVC PDF Viewer getting started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started) to create a sample.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md
index a9d49eab7b..7bd3131782 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md
@@ -4,7 +4,6 @@ title: Get Base64 from loaded PDF in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to retrieve the Base64 value of a loaded PDF in the Syncfusion ASP.NET MVC PDF Viewer using saveAsBlob and FileReader.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-added-annotation-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-added-annotation-mode.md
index 8a7e8fd7c3..c19a4dfdc3 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-added-annotation-mode.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-added-annotation-mode.md
@@ -1,18 +1,17 @@
---
layout: post
-title: Identify added annotation mode in ASP.NET MVC PDF Viewer control | Syncfusion
+title: Identify Added Annotation Mode in Syncfusion ASP.NET MVC PDF Viewer
description: Learn here all about Identify added annotation mode in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
# Identify added annotation mode in ASP.NET MVC PDF Viewer control
-The PDF Viewer library allows you to identify whether the added annotations in PDF document is UI drawn, imported or existing annotation. Annotation mode can be identified using the [**annotationAddMode**](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationAdd) property of [**annotationSelect**](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationSelect) event.
+The PDF Viewer library allows you to identify whether the added annotations in a PDF document are UI drawn, imported, or existing annotations. Annotation mode can be identified using the [**annotationAddMode**](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationAdd) property of the [**annotationSelect**](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationSelect) event.
-**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started/) to create simple PDF Viewer sample.
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started) to create simple PDF Viewer sample.
**Step 2:** The following code snippet explains how to identify added annotation mode.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-the-loaded-document-is-edited.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-the-loaded-document-is-edited.md
index 358efe5bfb..676f7c7d8d 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-the-loaded-document-is-edited.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/identify-the-loaded-document-is-edited.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Identify Edited State of Document in ASP.NET MVC PDF Viewer | Syncfusion
+title: Identify Edited State in Syncfusion ASP.NET MVC PDF Viewer
description: Learn how to check if a loaded PDF document has been edited using the isDocumentEdited property in the Syncfusion ASP.NET MVC PDF Viewer.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -14,7 +13,7 @@ The Syncfusion ASP.NET MVC PDF Viewer allows you to determine whether a loaded P
To identify if the loaded document has been edited, follow these steps:
-**Step 1:** Create an ASP.NET MVC PDF Viewer sample by following the [getting started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started/).
+**Step 1:** Create an ASP.NET MVC PDF Viewer sample by following the [getting started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started).
**Step 2:** Add the following buttons and JavaScript code to your Razor view (e.g., `Index.cshtml`). This example demonstrates checking the `isDocumentEdited` property before and after an intentional edit (for demonstration purposes).
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/import-export-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/import-export-annotation.md
index 9160803036..4ec7907d11 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/import-export-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/import-export-annotation.md
@@ -4,13 +4,12 @@ title: Import and export annotations in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to import and export annotations as objects, JSON, or XFDF in the Syncfusion ASP.NET MVC PDF Viewer.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
# Import and export annotations in the ASP.NET MVC PDF Viewer
-Import annotations from objects or streams instead of files. To import such objects, first export annotations as objects using the [**exportAnnotationsAsObject()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/#exportannotationsasobject) method. Only objects exported from the PDF Viewer can be imported.
+Import annotations from objects or streams instead of files. To import such objects, first export annotations as objects using the [**exportAnnotationsAsObject()**] (https://ej2.syncfusion.com/documentation/api/pdfviewer/#exportannotationsasobject) method. Only objects exported from the PDF Viewer can be imported.
Use the following steps to import and export annotations as objects, JSON, or XFDF.
@@ -71,10 +70,10 @@ Use the following steps to import and export annotations as objects, JSON, or XF
ViewData["Title"] = "Home page";
}
-
-
-
-
+
+
+
+
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/include-the-authorization-token.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/include-the-authorization-token.md
index b6d1a90869..16a4c4d577 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/include-the-authorization-token.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/include-the-authorization-token.md
@@ -7,7 +7,7 @@ control: PDF Viewer
documentation: ug
---
-# Include Authorization token to header
+# Include an authorization token in the request header
The PDF Viewer component enables adding authorization tokens to each AJAX request through the `ajaxHeaders` collection in `AjaxRequestSettings`, ensuring the header is appended to every call initiated by the viewer.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/install-packages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/install-packages.md
index 65d4e2948a..e904c2361d 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/install-packages.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/install-packages.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Install packages for ASP.NET MVC PDF Viewer
+title: Install packages for ASP.NET MVC Syncfusion PDF Viewer
description: Learn how to install the Syncfusion ASP.NET MVC PDF Viewer NuGet package and restore the required dependencies.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -37,4 +36,4 @@ When you build the project or run `dotnet restore`, NuGet will automatically dow
3. **Register Your Syncfusion License**
Before publishing your application, make sure to register your Syncfusion license key. This is required for the components to work properly.
-Refer to the official Syncfusion licensing guide for instructions on how to obtain and register your license key.
+Refer to the [Syncfusion licensing guide](https://help.syncfusion.com/document-processing/licensing/how-to-generate) for instructions on how to obtain and register your license key.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-balancing-environment.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-balancing-environment.md
index cb00a8de37..d06c41bdb5 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-balancing-environment.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-balancing-environment.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Configure Redis for Load Balancing in ASP.NET MVC PDF Viewer | Syncfusion
+title: Configure Redis for Load Balancing in Syncfusion MVC PDF Viewer
description: Learn how to configure Redis for load balancing with the Syncfusion ASP.NET MVC PDF Viewer, ensuring efficient document processing in a distributed environment.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -27,7 +26,7 @@ public class CacheManager:{{'**ICacheManager**'| markdownify }}{}
```
-**Step 3:** Connect the Redis database in the constructor by using the **redisconnectionstring** as provided in the below code.
+**Step 2:** Connect the Redis database in the constructor by using the **re-disconnection string** as provided in the below code.
```cs
@@ -51,7 +50,7 @@ public CacheManager(string redisConnectionstring = null, int slidingExpiration =
```
-**Step 4:** Override the **ICacheManager** interface methods into the newly created class for adding, retrieving, and deleting the data from the Redis cache.
+**Step 3:** Override the **ICacheManager** interface methods into the newly created class for adding, retrieving, and deleting the data from the Redis cache.
```cs
@@ -86,7 +85,7 @@ public void DeleteCache(string key)
```
-**Step 5:** In the controller, create a new object by passing the **redisconnectionstring** and the sliding expiration time.
+**Step 4:** In the controller, create a new object by passing the **re-disconnection string** and the sliding expiration time.
```cs
@@ -96,7 +95,7 @@ pdfviewer.CacheManager = new CacheManager(redisconnectonstring, slidingexpiratio
```
-**Step 6:** Set the newly created object to **CacheManager** property by using the below code-snippet.
+**Step 5:** Set the newly created object to **CacheManager** property by using the below code-snippet.
```cs
@@ -105,7 +104,7 @@ pdfviewer.CacheManager = new CacheManager(redisconnectonstring, 0);
```
-**Step 7:** Use this code in all our controller methods (Load, RenderPdfPage).
+**Step 6:** Use this code in all our controller methods (Load, RenderPdfPage).
```cs
@@ -149,7 +148,7 @@ public object Load(Dictionary<string, string> jsonObject)
**Important Notes:**
-* Replace `"YOUR_REDIS_CONNECTION_STRING"` with your actual Redis connection string. It's highly recommended to load this from a configuration file (e.g., `Web.config` or `appsettings.json`) rather than hardcoding it.
+* Replace `"YOUR_REDIS_CONNECTION_STRING"` with your actual Redis connection string. It's highly recommended to load this from a configuration file (e.g., `Web.config` or `appsettings.json`) rather than hard coding it.
* The `cacheSlidingExpiration` value is in minutes. Setting it to `0` will use the default 24-hour expiration.
* Ensure the `GetDocumentPath` method is correctly implemented in your controller to resolve document paths.
* Apply the `CacheManager` initialization logic to all relevant controller methods that process PDF documents.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md
index 6cd5f62fd2..7339cc45b9 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Load a PDF only after PDFium resources are ready
+# Load PDF After PDFium Resources Are Initialized
In Standalone mode, the ASP.NET MVC PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in the resourceUrl property. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
@@ -35,15 +35,15 @@ The resourcesLoaded event fires once the viewer finishes loading all required PD
{% endhighlight %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-documents.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-documents.md
index 1326d565b9..bff7dea71a 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-documents.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-documents.md
@@ -4,7 +4,6 @@ title: Load documents dynamically in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to load or switch PDF documents dynamically in the Syncfusion ASP.NET MVC PDF Viewer using the load method.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -58,7 +57,7 @@ public ActionResult GetDocument()
**Step 4:** Use the following code snippet to load PDF document using document name.
```html
-
+
@Html.EJS().PdfViewer("pdfviewer").Render()
@@ -67,7 +66,7 @@ public ActionResult GetDocument()
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/open-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/open-thumbnail.md
index 184fcb2bb2..5520efa80c 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/open-thumbnail.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/open-thumbnail.md
@@ -1,16 +1,15 @@
---
layout: post
-title: Open the thumbnail pane programmatically in ASP.NET MVC PDF Viewer | Syncfusion
+title: Open thumbnail pane in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to open the thumbnail pane programmatically in the Syncfusion ASP.NET MVC PDF Viewer by calling the openThumbnailPane method after the document loads.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
# Open thumbnail pane programmatically
-The Syncfusion® ASP.NET MVC PDF Viewer lets you open the thumbnail pane programmatically by calling the [**openThumbnailPane()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/thumbnailView/#openthumbnailpane) method after the document loads. This approach helps highlight page navigation immediately or in response to user actions.
+The Syncfusion® ASP.NET MVC PDF Viewer lets you open the thumbnail pane programmatically by calling the [**openThumbnailPane()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/thumbnailview#openthumbnailpane) method after the document loads. This approach helps highlight page navigation immediately or in response to user actions.
The following steps explain how to open the thumbnail pane.
@@ -29,7 +28,7 @@ The following steps explain how to open the thumbnail pane.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/signatureselect-signatureunselect.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/signatureselect-signatureunselect.md
index f7454967ae..45186b5a14 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/signatureselect-signatureunselect.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/signatureselect-signatureunselect.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Handle signatureSelect and signatureUnselect events in ASP.NET MVC PDF Viewer | Syncfusion
-description: Learn how to respond to signatureSelect and signatureUnselect events in the Syncfusion ASP.NET MVC PDF Viewer to track handwritten signature interactions.
+title: Handle signature events in PDF Viewer | Syncfusion
+description: Respond to signatureSelect and signatureUnselect events in Syncfusion PDF Viewer to track signature interactions.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -45,7 +44,7 @@ function signatureSelect(args) {
};
function signatureUnselect(args) {
- console.log('Signature selected:', args);
+ console.log('Signature unselected:', args);
};
@@ -66,7 +65,7 @@ function signatureSelect(args) {
};
function signatureUnselect(args) {
- console.log('Signature selected:', args);
+ console.log('Signature unselected:', args);
};
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/webservice-not-listening.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/webservice-not-listening.md
index 3b7902db29..9af36fde09 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/webservice-not-listening.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/webservice-not-listening.md
@@ -1,18 +1,17 @@
---
layout: post
-title: Resolve “Web service is not listening” error in ASP.NET MVC PDF Viewer | Syncfusion
-description: Troubleshoot the “Web service is not listening” error in the Syncfusion ASP.NET MVC PDF Viewer by validating network requests, cache configuration, and server availability.
+title: Resolve Web service error in PDF Viewer | Syncfusion
+description: Troubleshoot the Web service error in Syncfusion PDF Viewer by validating requests, cache, and server.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Resolve “Web service is not listening” error
+# Resolve Web service connectivity error
-The Syncfusion® ASP.NET MVC PDF Viewer displays the **Web service is not listening** message when the viewer cannot reach its backend service or the service returns an unexpected error. Use the following steps to diagnose the request, review server responses, and apply the appropriate fix.
+The Syncfusion® ASP.NET MVC PDF Viewer displays the **Web service is not listening** message when the viewer cannot reach its back-end service or the service returns an unexpected error. Use the following steps to diagnose the request, review server responses, and apply the appropriate fix.
## Diagnose the service response
@@ -58,7 +57,7 @@ The Document pointer does not exist in the cache exception in the Syncfusion® PDF Viewer’s settings or configuration files. Once found, delete the contents of the folder to remove any corrupted or outdated cache data.
**Step 2: Reload the document.**
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interaction-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interaction-mode.md
index 160f205304..d88f1fa840 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interaction-mode.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interaction-mode.md
@@ -1,10 +1,9 @@
---
layout: post
title: Interaction mode in ASP.NET MVC PDF Viewer | Syncfusion
-description: Learn how to use selection and panning interaction modes in the Syncfusion ASP.NET MVC PDF Viewer.
+description: Learn how to use selection and panning interaction modes in the Syncfusion ASP.NET MVC PDF Viewer component.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -34,13 +33,13 @@ In this mode, users can select and copy text in the loaded PDF document. Panning
{% endhighlight %}
{% endtabs %}
-
+
## Panning mode
In this mode, panning and touch-based scrolling are enabled, while text selection is disabled.
-
+
Switch the interaction mode of the PDF Viewer using the following example:
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark.md
index 446d95f999..dbe8913eb6 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark.md
@@ -10,7 +10,7 @@ documentation: ug
# Bookmark navigation in ASP.NET MVC PDF Viewer
The Bookmarks saved in PDF files are loaded and made ready for easy navigation.
-You can enable/disable bookmark navigation by using the following code snippet.,
+You can enable/disable bookmark navigation by using the following code snippet:
{% tabs %}
{% highlight html tabtitle="Standalone" %}
@@ -38,7 +38,7 @@ Here is an example of how to use the **goToBookmark** method:
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
-
+
@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
@@ -54,7 +54,7 @@ Here is an example of how to use the **goToBookmark** method:
{% endhighlight %}
{% highlight cshtml tabtitle="Server-Backed" %}
-
+
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
@@ -70,9 +70,9 @@ Here is an example of how to use the **goToBookmark** method:
{% endhighlight %}
{% endtabs %}
-x - Specifies the pageIndex for Navigate.
+x - Specifies the page index to navigate to.
-y - Specifies the Y coordinates value of the Page.
+y - Specifies the Y coordinate value of the page.
Also, you can use the **getBookmarks** method to retrieve a list of all the bookmarks in a PDF document. This method returns a List of Bookmark objects, which contain information about each bookmark.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/hyperlink.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/hyperlink.md
index 847f93bea0..61f01b21e4 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/hyperlink.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/hyperlink.md
@@ -23,13 +23,13 @@ Use the table of contents to quickly navigate to headings and sections defined i
-## Hyperlink Navigation
+## Hyperlink navigation
The PDF Viewer provides robust support for hyperlink navigation within PDF documents. This allows users to interact with embedded links, which can point to external websites or other locations within the same document. This section covers how to configure hyperlink behavior, including enabling or disabling links, controlling how they open, and responding to hyperlink-related events.
-### Enabling and Disabling Hyperlinks
+### Enabling and disabling hyperlinks
By default, the PDF Viewer automatically detects and enables all hyperlinks present in a loaded document. This behavior can be controlled using the `enableHyperlink` property.
@@ -45,21 +45,22 @@ The following example demonstrates how to disable hyperlink navigation:
{% highlight html tabtitle="Standalone" %}
```html
```
{% endhighlight %}
{% endtabs %}
> Note: Disabling hyperlinks only affects the viewer's behavior and does not alter the original PDF document.
-### Controlling Link Behavior
+
+### Controlling link behavior
The `hyperlinkOpenState` property determines how external URLs are opened when a hyperlink is clicked.
@@ -88,7 +89,7 @@ The following example configures hyperlinks to open in a new tab:
{% endhighlight %}
{% endtabs %}
-### Handling Hyperlink Events
+### Handling hyperlink events
The PDF Viewer exposes events that allow for monitoring and customizing hyperlink interactions.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail.md
index d1f8492931..c334570eac 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Thumbnail Navigation in ASP.NET Core PDF Viewer control | Syncfusion
+title: Thumbnail Navigation in ASP.NET MVC PDF Viewer control | Syncfusion
description: Discover how to navigate PDF pages using thumbnails in the Syncfusion ASP.NET MVC PDF Viewer control for a visual and intuitive experience.
platform: document-processing
control: PDF Viewer
@@ -10,7 +10,7 @@ documentation: ug
# Page Thumbnail navigation
Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation.
-You can enable/disable thumbnail navigation by using the following code snippet.,
+You can enable/disable thumbnail navigation by using the following code snippet:
{% tabs %}
{% highlight html tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page.md
index 9ecf61a8cd..a131701f08 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page.md
@@ -7,21 +7,21 @@ control: PDF Viewer
documentation: ug
---
-# Navigation in ASP.NET MVC PDF Viewer control
+# Page navigation in ASP.NET MVC PDF Viewer
The ASP.NET MVC PDF Viewer supports different internal and external navigations.
## Toolbar page navigation option
-The default toolbar of PDF Viewer contains the following navigation options
+The default toolbar of PDF Viewer contains the following navigation options:
* **Go to page** :- Navigates to the specific page of a PDF document.
-* **Show next page** :- Navigates to the next page of PDF a document.
+* **Show next page** :- Navigates to the next page of a PDF document.
* **Show previous page** :- Navigates to the previous page of a PDF document.
* **Show first page** :- Navigates to the first page of a PDF document.
* **Show last page** :- Navigates to the last page of a PDF document.
-You can enable/disable page navigation option in PDF Viewer using the following code snippet.,
+You can enable/disable page navigation option in PDF Viewer using the following code snippet:
{% tabs %}
{% highlight html tabtitle="Standalone" %}
@@ -48,7 +48,7 @@ Also, you can programmatically perform page navigation options as follows.
{% highlight cshtml tabtitle="Standalone" %}
-
+
@@ -84,7 +84,7 @@ Also, you can programmatically perform page navigation options as follows.
{% highlight cshtml tabtitle="Server-Backed" %}
-
+
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file.md
index 91cf250087..8eae793500 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file.md
@@ -1,10 +1,9 @@
---
layout: post
title: Load PDF from Base64 string in ASP.NET MVC PDF Viewer | Syncfusion
-description: Learn how to open a PDF document from a Base64 data string in the Syncfusion ASP.NET MVC PDF Viewer using the load() method for standalone deployments.
+description: Learn how to open a PDF document from a Base64 data string in the Syncfusion ASP.NET MVC PDF Viewer using the load() method.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -14,7 +13,7 @@ The Syncfusion® ASP.NET MVC PDF Viewer can
Follow these steps to load a PDF from Base64 data:
-**Step 1:** Create a PDF Viewer sample by following the [ASP.NET MVC getting started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started/). The guide covers setting up scripts, styles, and Razor markup.
+**Step 1:** Create a PDF Viewer sample by following the [ASP.NET MVC getting started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started). The guide covers setting up scripts, styles, and Razor markup.
**Step 2:** Add the following markup and script to your Razor view file. Place the script element after the viewer to ensure it initializes before the handler runs.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-amazon-s3.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-amazon-s3.md
index c1a4036095..3f46f871cb 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-amazon-s3.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-amazon-s3.md
@@ -4,11 +4,10 @@ title: Open PDF from AWS S3 in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to load PDFs from AWS S3 in the Syncfusion ASP.NET MVC PDF Viewer component using standalone and server-backed approaches.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Open PDF from AWS S3
+# Open PDF from AWS S3 in ASP.NET MVC
The ASP.NET MVC PDF Viewer component supports loading PDF files from AWS S3 using either the standalone or the server-backed PDF Viewer. The following steps demonstrate both approaches.
@@ -18,7 +17,7 @@ Follow these steps to load a PDF from AWS S3 in the standalone PDF Viewer.
**Step 1:** Create AWS S3 account
- Set up an AWS S3 account by following the instructions on the official AWS site: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket and generate access keys while ensuring secure storage of credentials.
+Set up an AWS S3 account by following the instructions on the official AWS site: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket and generate access keys while ensuring secure storage of credentials.
**Step 2:** Create PDF Viewer Sample in ASP.NET MVC
@@ -53,7 +52,7 @@ AWS.config.update({
});
```
-2. Sets the parameters for fetching the PDF document from S3, including the bucket name and file key. Then Uses the getObject method of the S3 instance to retrieve the document. Converts the document data to a Base64 string and loads it into the Syncfusion® PDF Viewer then load Base64 string generated into the viewer.load method.
+2. Sets the parameters for fetching the PDF document from S3, including the bucket name and file key. Then uses the getObject method of the S3 instance to retrieve the document. Converts the document data to a Base64 string and loads it into the Syncfusion® PDF Viewer using the viewer.load method.
N> Replace **Your Bucket Name** with the actual Bucket name of your AWS S3 account and **Your Key** with the actual File Key of your AWS S3 account.
@@ -94,7 +93,7 @@ Follow these steps to load a PDF from AWS S3 using the server-backed PDF Viewer.
**Step 1:** Create AWS S3 account
- Set up an AWS S3 account by following the instructions on the official AWS site: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket and generate access keys while ensuring secure storage of credentials.
+Set up an AWS S3 account by following the instructions on the official AWS site: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket and generate access keys while ensuring secure storage of credentials.
**Step 2:** Create PDF Viewer Sample in ASP.NET MVC
@@ -114,7 +113,7 @@ using Amazon.S3.Model;
2. Modify the `Load()` method to load the PDF files from AWS S3.
```csharp
- private readonly string _accessKey = "Your Access Key from AWS S35";
+ private readonly string _accessKey = "Your Access Key from AWS S3";
private readonly string _secretKey = "Your Secret Key from AWS S3";
private readonly string _bucketName = "Your Bucket name from AWS S3";
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-active-directory.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-active-directory.md
index ab5a0eb010..87fd48c1ea 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-active-directory.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-active-directory.md
@@ -1,14 +1,13 @@
---
layout: post
-title: Open PDF from Azure Active Directory in ASP.NET MVC PDF Viewer | Syncfusion
+title: Open PDF from Azure Active Directory in MVC PDF Viewer | Syncfusion
description: Learn how to load and save PDFs using Azure Active Directory (AAD) with the Syncfusion ASP.NET MVC PDF Viewer component.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Open PDF from Azure Active Directory
+# Open PDF from Azure Active Directory in ASP.NET MVC
### Overview
@@ -135,13 +134,12 @@ public async Task SaveToAAD(jsonObjects responseData)
{% endhighlight %}
{% endtabs %}
-3. Configure server-side code:
- - Open the server-side application (e.g., ASP.NET MVC) and configure the following details in the `PdfViewerController` file:
- - `tenantId` (your Azure AD tenant ID),
- - `clientId` (your registered application client ID),
- - `clientSecret` (your registered application client secret),
- - `blobServiceEndpoint` (your storage account blob service URL),
- - `containerName` (your container name in Azure Blob Storage).
+3. Configure the server-side code with the following values in `HomeController.cs`:
+ - `tenantId` (your Azure AD tenant ID).
+ - `clientId` (your registered application client ID).
+ - `clientSecret` (your registered application client secret).
+ - `blobServiceEndpoint` (your storage account blob service URL).
+ - `containerName` (your container name in Azure Blob Storage).
4. Add the following code snippet in `Index.cshtml`.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-blob-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-blob-storage.md
index 9e060bcbb9..c250a174b7 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-blob-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-azure-blob-storage.md
@@ -1,14 +1,13 @@
---
layout: post
-title: Open PDF from Azure Blob Storage in ASP.NET MVC PDF Viewer | Syncfusion
+title: Open PDF from Azure Blob Storage in MVC PDF Viewer | Syncfusion
description: Learn how to load PDFs from Azure Blob Storage in the Syncfusion ASP.NET MVC PDF Viewer component using standalone and server-backed approaches.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Open PDF from Azure Blob Storage
+# Open PDF from Azure Blob Storage in ASP.NET MVC
The ASP.NET MVC PDF Viewer component supports loading PDF files from Azure Blob Storage using either the standalone or the server-backed PDF Viewer. The following steps demonstrate both approaches.
@@ -18,7 +17,7 @@ Follow these steps to load a PDF from Azure Blob Storage in the standalone PDF V
**Step 1:** Create the Azure Blob Storage account
-Log in to the Azure Portal. Create a new Storage Account with preferred settings. Note access keys during the setup. Within the Storage Account, create a Blob Container following the steps in this [link](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
+Log in to the Azure Portal. Create a new Storage Account with preferred settings. Note the access keys during the setup. Within the Storage Account, create a Blob Container following the steps in this [link](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
**Step 2:** Create PDF Viewer Sample in ASP.NET MVC
@@ -28,7 +27,7 @@ Follow instructions provided in the Syncfusion® Replace **Your account name in Azure** with the actual account name for your Azure Blob Storage account and **Your container name in Azure** with the actual container name and **Your Blob name in Azure** with the actual container name.
+N> Replace **Your account name in Azure** with the actual account name for your Azure Blob Storage account, **Your container name in Azure** with the actual container name, and **Your Blob name in Azure** with the actual blob name.
```csharp
var accountName = "*Your account name in Azure*";
@@ -36,7 +35,7 @@ var containerName = "*Your container name in Azure*";
var blobName = "*Your Blob name in Azure*";
```
-2. Constructs the URL to the PDF in Azure Blob Storage. Calls fetchAndConvertToBase64 to fetch the PDF and convert it to a base64 string. Then Loads the base64 string into the PDF Viewer.
+2. Constructs the URL to the PDF in Azure Blob Storage. Calls fetchAndConvertToBase64 to fetch the PDF and convert it to a base64 string. Then loads the base64 string into the PDF Viewer.
```csharp
function loadDocument() {
@@ -103,7 +102,7 @@ Follow these steps to load a PDF from Azure Blob Storage using the server-backed
**Step 1:** Create the Azure Blob Storage account
-Log in to the Azure Portal. Create a new Storage Account with preferred settings. Note access keys during the setup. Within the Storage Account, create a Blob Container following the steps in this [link](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
+Log in to the Azure Portal. Create a new Storage Account with preferred settings. Note the access keys during the setup. Within the Storage Account, create a Blob Container following the steps in this [link](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
**Step 2:** Create PDF Viewer Sample in ASP.NET MVC
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-box-cloud-file-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-box-cloud-file-storage.md
index 33600c7da9..c1113326f7 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-box-cloud-file-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-box-cloud-file-storage.md
@@ -4,7 +4,6 @@ title: Open PDF from Box cloud storage in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to load PDFs from Box cloud storage in the Syncfusion ASP.NET MVC PDF Viewer component using a server-backed approach.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -14,7 +13,7 @@ Follow these steps to load a PDF from Box cloud storage using the server-backed
**Step 1:** Set up a Box developer account and create a Box application
-To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials Client ID and Client Secret to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
+To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials: Client ID and Client Secret to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
**Step 2:** Create a PDF Viewer sample in ASP.NET MVC
@@ -85,7 +84,7 @@ using Box.V2.Models;
}
```
-N> replace **Your_Box_Storage_Access_Token** with your actual box access token, and **Your_Folder_ID** with the ID of the folder in your box storage where you want to perform specific operations. Remember to use your valid box API credentials, as **Your_Box_Storage_ClientID** and **Your_Box_Storage_ClientSecret"** are placeholders for your application's API key and secret.
+N> Replace **Your_Box_Storage_Access_Token** with your actual Box access token, and **Your_Folder_ID** with the ID of the folder in your Box storage where you want to perform specific operations. Use your valid Box API credentials; **Your_Box_Storage_ClientID** and **Your_Box_Storage_ClientSecret** are placeholders for your application's API key and secret.
**Step 4:** Configure the PDF Viewer component
@@ -106,6 +105,6 @@ Set the [serviceUrl](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2
```
N> The **Box.V2.Core** NuGet package must be installed in your application to use the previous code example.
-N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the box folder to the `documentPath` property of the PDF viewer component
+N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the Box folder to the `documentPath` property of the PDF viewer component.
[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-box-cloud-file-storage)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-cloud-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-cloud-storage.md
index 15de42eaf7..da9530f366 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-cloud-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-cloud-storage.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Open PDF from Google Cloud Storage in ASP.NET MVC PDF Viewer | Syncfusion
+title: Open PDF from Google Cloud Storage MVC PDF Viewer | Syncfusion
description: Learn how to load PDFs from Google Cloud Storage in the Syncfusion ASP.NET MVC PDF Viewer component using a server-backed approach.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -14,11 +13,11 @@ Follow these steps to load a PDF from Google Cloud Storage using the server-back
**Step 1:** Create a Service Account
-Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create Service Account`.` Enter a name, assign roles (e.g., Storage Object Admin), and create a key in JSON format. Download the key file securely. Utilize the downloaded key file in your applications or services for authentication and access to the Google Cloud Storage bucket. For additional details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
+Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create Service Account`. Enter a name, assign roles (e.g., Storage Object Admin), and create a key in JSON format. Download the key file securely. Utilize the downloaded key file in your applications or services for authentication and access to the Google Cloud Storage bucket. For additional details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
**Step 2:** Create a PDF Viewer sample in ASP.NET MVC
-Follow instructions provided in the Syncfusion® PDF Viewer Getting Started [Guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started-with-server-backed) to create a simple PDF Viewer sample in ASP.NET MVC
+Follow instructions provided in the Syncfusion® PDF Viewer Getting Started [Guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started-with-server-backed) to create a simple PDF Viewer sample in ASP.NET MVC.
**Step 3:** Modify the `HomeController.cs` file in the project
@@ -31,7 +30,7 @@ using Google.Apis.Auth.OAuth2;
```
-2. Add the following private fields and constructor parameters to the `HomeController.cs` class, In the constructor, assign the values from the configuration to the corresponding fields
+2. Add the following private fields and constructor parameters to the `HomeController.cs` class. In the constructor, assign the values from the configuration to the corresponding fields.
```csharp
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-drive.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-drive.md
index a8f98fec25..495d7d1a42 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-drive.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/open-pdf-file/from-google-drive.md
@@ -4,7 +4,6 @@ title: Open PDF from Google Drive in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to load PDFs from Google Drive in the Syncfusion ASP.NET MVC PDF Viewer component using a server-backed approach.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -32,7 +31,7 @@ using Google.Apis.Services;
using Google.Apis.Util.Store;
```
-2. Modify the `Load()` method to load the PDF files from Google drive.
+2. Modify the `Load()` method to load the PDF files from Google Drive.
```csharp
@@ -117,9 +116,9 @@ private readonly string tokenjson = "Path to create token.json file";
}
```
-N> Replace **Your Google Drive Folder ID**, **Your Application name**, and **Your Path to the OAuth 2.0 Client IDs json file** with your actual Google drive folder ID , Your name for your application and the path for the JSON file.
+N> Replace **Your Google Drive Folder ID**, **Your Application name**, and **Your Path to the OAuth 2.0 Client IDs json file** with your actual Google Drive folder ID, your application name, and the path to the JSON file.
-N> The **FolderId** part is the unique identifier for the folder. For example, if your folder URL is: `https://drive.google.com/drive/folders/abc123xyz456`, then the folder ID is `abc123xyz456`.
+N> The **folderId** value is the unique identifier for the folder. For example, if your folder URL is: `https://drive.google.com/drive/folders/abc123xyz456`, then the folder ID is `abc123xyz456`.
**Step 4:** Configure the PDF Viewer component
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/events.md
index dd91c74ac3..de34cc101e 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/events.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/events.md
@@ -1,7 +1,7 @@
---
layout: post
title: Organize Events in PDF Viewer | Syncfusion
-description: Learn how to organize pages Events in the MVC PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+description: Learn about the events available for Organize Pages in the ASP.NET MVC PDF Viewer, including pageOrganizerSaveAs and pageOrganizerZoomChanged.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -63,8 +63,8 @@ The `pageOrganizerZoomChanged` event is triggered when the zoom level of the pag
Event arguments:
-- `previousZoomValue`: The previous zoom value.
-- `currentZoomValue`: The current zoom value.
+- `previousZoom`: The previous zoom value.
+- `currentZoom`: The current zoom value.
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
@@ -75,8 +75,8 @@ Event arguments:
@@ -89,8 +89,8 @@ Event arguments:
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md
index 85968b9829..5a7d0df305 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md
@@ -53,8 +53,6 @@ Two options appear in the secondary toolbar:
## Programmatic options and APIs
-## Programmatic options and APIs
-
You can control the Extract Pages experience via settings and invoke extraction through code.
### Enable/disable Extract Pages
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/mobile-view.md
index 626dbcdca1..390a0ca65c 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/mobile-view.md
@@ -7,7 +7,7 @@ control: PDF Viewer
documentation: ug
---
-# Organize Pages in Mobile PDF Viewer ASP.NET MVC
+# Organize Pages in Mobile PDF Viewer ASP.NET MVC
The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/programmatic-support.md
index a18f4b5463..f1051c29c6 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/programmatic-support.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/programmatic-support.md
@@ -61,14 +61,14 @@ The `pageOrganizerSettings` API allows you to customize the page management func
{% highlight cshtml tabtitle="Standalone" %}
{% endhighlight %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/toolbar.md
index 4aa0cf93ab..bf89c665e5 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/toolbar.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Organize Page Toolbar Customization in ASP.NET MVC PDF Viewer control | Syncfusion
+title: Organize Page Toolbar Customization in MVC PDF Viewer | Syncfusion
description: Learn here all about Organize Page Toolbar Customization in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -14,7 +13,7 @@ The PDF Viewer allows you to customize the toolbar for the organize pages featur
## Show or hide the insert option
-The `canInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar.
+The `CanInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar.
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
@@ -35,7 +34,7 @@ The `canInsert` property controls the visibility of the insert tool. When set to
## Show or hide the delete option
-The `canDelete` property controls the visibility of the delete tool. When set to `false`, the delete tool will be hidden.
+The `CanDelete` property controls the visibility of the delete tool. When set to `false`, the delete tool will be hidden.
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
@@ -56,7 +55,7 @@ The `canDelete` property controls the visibility of the delete tool. When set to
## Show or hide the rotate option
-The `canRotate` property controls the visibility of the rotate tool. When set to `false`, the rotate tool will be hidden.
+The `CanRotate` property controls the visibility of the rotate tool. When set to `false`, the rotate tool will be hidden.
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
@@ -77,12 +76,63 @@ The `canRotate` property controls the visibility of the rotate tool. When set to
## Show or hide the copy option
-The `canCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden.
+The `CanCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+
+
+{% endhighlight %}
+{% endtabs %}
## Show or hide the import option
-The `canImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden.
+The `CanImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+
+
+{% endhighlight %}
+{% endtabs %}
## Show or hide the rearrange option
The `canRearrange` property controls the ability to rearrange pages. When set to `false`, pages cannot be rearranged.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+
+
+{% endhighlight %}
+{% endtabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf.md
index 18ac8b6317..b6c17328e4 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf.md
@@ -44,7 +44,7 @@ Effortlessly add new pages to your document with the following options:
### Deleting PDF pages
-Removing unwanted pages from your document is straight forward:
+Removing unwanted pages from your document is straightforward:
* `Select pages to delete`: Click on the page thumbnails you wish to remove. You can select multiple pages at once.
* `Delete selected pages`: Use the delete option in the organize pages pane to remove the selected pages from the document.
@@ -91,7 +91,7 @@ Witness instant changes in page organization reflected within the PDF Viewer. Si
Safeguard your edits by utilizing the **Save As** feature. This enables you to download the modified version of the PDF document for future reference, ensuring that your changes are securely stored.
-## API's supported
+## APIs supported
**enablePageOrganizer:** This API enables or disables the page organizer feature in the PDF Viewer. By default, it is set to `true`, indicating that the page organizer is enabled.
@@ -306,7 +306,7 @@ The following keyboard shortcuts are available at the organize pages dialog.
* **Ctrl+Y** : Redo the action that was undone
* **Ctrl+Scroll** : Zoom in and zoom out page thumbnails for better visibility.
-
+
#### Conclusion
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/print.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/print.md
index b40a657186..4917dde626 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/print.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/print.md
@@ -4,11 +4,10 @@ title: Print in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to enable, invoke, and customize printing in the Syncfusion ASP.NET MVC PDF Viewer, including quality and behavior settings.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Print
+# Print in ASP.NET MVC PDF Viewer
The PDF Viewer supports printing the loaded PDF file. Enable or disable printing using the following example.
@@ -105,8 +104,6 @@ The following example demonstrates how to customize print quality using the Prin
{% endhighlight %}
{% endtabs %}
-## Additional print options
-
## EnablePrintRotation in the PDF Viewer
The `EnablePrintRotation` property controls whether landscape pages are auto-rotated to best fit when printing. The default value is `true`. Set to `false` to preserve the original page orientation and suppress automatic rotation during print.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-amazon-s3.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-amazon-s3.md
index c9ce9ce76c..65c2b0390f 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-amazon-s3.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-amazon-s3.md
@@ -4,7 +4,6 @@ title: Save PDF files to AWS S3 in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to save PDF files to AWS S3 using the Syncfusion ASP.NET MVC PDF Viewer component in standalone and server-backed configurations.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -47,7 +46,7 @@ N> Replace **Your Region** with the actual Region of your AWS S3 account and **Y
```csharp
AWS.config.update({
- region: '**Your Region**', // Update this your region
+ region: '**Your Region**', // Update this to your region
accessKeyId: '*Your Access Key*', // Update this with your access key id
secretAccessKey: '*Your Security Access Key*', // Update this with your secret access key
});
@@ -146,10 +145,10 @@ using Amazon.S3;
using Amazon.S3.Model;
```
-3. Modify the `Download()` method to save the downloaded PDF files to AWS S3 bucket
+2. Modify the `Download()` method to save the downloaded PDF files to AWS S3 bucket
```csharp
- private readonly string _accessKey = "Your Access Key from AWS S35";
+ private readonly string _accessKey = "Your Access Key from AWS S3";
private readonly string _secretKey = "Your Secret Key from AWS S3";
private readonly string _bucketName = "Your Bucket name from AWS S3";
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-active-directory.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-active-directory.md
index be8d377ef2..94b68044ed 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-active-directory.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-active-directory.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Save PDF files to Azure Active Directory (AAD) in ASP.NET MVC PDF Viewer | Syncfusion
+title: Save PDF files to Azure AD in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to load and save PDF files with Azure Active Directory (AAD) using the Syncfusion ASP.NET MVC PDF Viewer component and a server-backed web service.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -58,8 +57,8 @@ The ASP.NET MVC PDF Viewer component supports loading and saving PDF files with
### **Step 4: Upload the PDF document to Azure Storage**
-1. **Navigate to Data storage**:
- - In the Azure portal, go to **Data storage** > **Containers**.
+1. **Navigate to the storage account**:
+ - In the Azure portal, go to **Storage accounts** > **Containers** in your storage account.
2. **Upload the PDF file**:
- Create a new container and upload the PDF document you want to access in the PDF Viewer.
@@ -128,7 +127,7 @@ public async Task LoadFromAAD(string fileName)
public async Task SaveToAAD(jsonObjects responseData)
{
- var jsonObject = JsonConverterstring(responseData);
+ var jsonObject = JsonConverter(responseData);
PdfRenderer pdfviewer = new PdfRenderer();
var fileName = jsonObject.ContainsKey("documentId") ? jsonObject["documentId"] : "Test.pdf";
string documentBase = pdfviewer.GetDocumentAsBase64(jsonObject);
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-blob-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-blob-storage.md
index db1f9344c6..f23cf56cf4 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-blob-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-azure-blob-storage.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Save PDF files to Azure Blob Storage in ASP.NET MVC PDF Viewer | Syncfusion
-description: Learn how to save PDF files to Azure Blob Storage using the Syncfusion ASP.NET MVC PDF Viewer component in standalone and server-backed configurations.
+title: Save PDF files to Azure Blob Storage in ASP.NET MVC | Syncfusion
+description: Learn how to save PDF files to Azure Blob Storage using the Syncfusion ASP.NET MVC PDF Viewer component with a server-backed web service.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -137,12 +136,12 @@ function saveDocument() {
}).then(response => response.json())
.then(data => {
if (data.fileUrl) {
- alert('File uploaded successfully! Blob URI: ' + data.uri);
+ alert('File uploaded successfully! Blob URI: ' + data.fileUrl);
} else {
alert('Error occurred..' + data.error);
}
}).catch(error => {
- alert('Error occurred..' + data.error);
+ alert('Error occurred..' + error);
});
}
};
@@ -230,7 +229,7 @@ public ActionResult Download(jsonObjects jsonObject)
N> Replace the placeholders with the actual Azure Storage connection string and container name.
-**Step 3:** Set the PDF Viewer properties in the ASP.NET MVC PDF Viewer component
+**Step 4:** Set the PDF Viewer properties in the ASP.NET MVC PDF Viewer component
Set the `documentPath` property of the PDF Viewer component to the desired PDF file name that you wish to load from Azure Blob Storage. Ensure that the document exists in the target container.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-box-cloud-file-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-box-cloud-file-storage.md
index 6f1ea7361f..4f1fc55aac 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-box-cloud-file-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-box-cloud-file-storage.md
@@ -1,14 +1,13 @@
---
layout: post
-title: Save PDF files to Box cloud storage in ASP.NET MVC PDF Viewer | Syncfusion
+title: Save PDF files to Box cloud storage in ASP.NET MVC | Syncfusion
description: Learn how to save PDF files to Box cloud storage using the Syncfusion ASP.NET MVC PDF Viewer component with a server-backed web service.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Save PDF files to Box cloud storage
+# Save PDF files to Box cloud storage in ASP.NET MVC
To save a PDF file to Box cloud storage using the ASP.NET MVC PDF Viewer, follow the steps below. This approach uses a server-backed web service.
@@ -71,7 +70,7 @@ public async Task Download(jsonObjects jsonObject)
```
-N> Replace the placeholders with your actual Box access token and the target folder ID. Use valid Box API credentials for Client ID and Client Secret.
+N> Replace the placeholders with your actual Box Client ID, Client Secret, Access Token, Refresh Token, and the target Folder ID. Use valid Box API credentials.
**Step 4:** Set the PDF Viewer properties in the ASP.NET MVC PDF Viewer component
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-cloud-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-cloud-storage.md
index 94937875c1..2bf8b3d113 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-cloud-storage.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-cloud-storage.md
@@ -1,14 +1,13 @@
---
layout: post
-title: Save PDF files to Google Cloud Storage in ASP.NET MVC PDF Viewer | Syncfusion
+title: Save PDF files to Google Cloud Storage in ASP.NET MVC | Syncfusion
description: Learn how to save PDF files to Google Cloud Storage using the Syncfusion ASP.NET MVC PDF Viewer component with a server-backed web service.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
-# Save PDF files to Google Cloud Storage
+# Save PDF files to Google Cloud Storage in ASP.NET MVC
To save a PDF file to Google Cloud Storage using the ASP.NET MVC PDF Viewer, follow the steps below. This approach uses a server-backed web service.
@@ -79,7 +78,7 @@ N> Replace the placeholder with the actual Google Cloud Storage bucket name.
N> Replace **path/to/service-account-key.json** with the actual file path to your service account key JSON file.
-**Step 5:** Set the PDF Viewer properties in the ASP.NET MVC PDF Viewer component
+**Step 4:** Set the PDF Viewer properties in the ASP.NET MVC PDF Viewer component
Set the `documentPath` property of the PDF Viewer component to the desired PDF file name that you wish to load from Google Cloud Storage. Ensure that the document exists in the target bucket.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-drive.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-drive.md
index b38863904d..c49f4f67d8 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-drive.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/save-pdf-file/to-google-drive.md
@@ -4,7 +4,6 @@ title: Save PDF files to Google Drive in ASP.NET MVC PDF Viewer | Syncfusion
description: Learn how to save PDF files to Google Drive using the Syncfusion ASP.NET MVC PDF Viewer component with a server-backed web service.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -100,7 +99,7 @@ using Google.Apis.Util.Store;
```
-N> Replace the placeholders with the actual Google Drive folder ID, application name, and the path to the OAuth 2.0 Client IDs JSON file. The folder ID is the unique identifier in the folder URL. For example, in `https://drive.google.com/drive/folders/abc123xyz456`, the ID is `abc123xyz456`.
+N> Replace the placeholders with the actual Google Drive folder ID, application name, the path to the OAuth 2.0 Client IDs JSON file, and the path used to store the token.json file. The folder ID is the unique identifier in the folder URL. For example, in `https://drive.google.com/drive/folders/abc123xyz456`, the ID is `abc123xyz456`.
**Step 4:** Set the PDF Viewer properties in the ASP.NET MVC PDF Viewer component
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-to-standalone.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-to-standalone.md
index fe2bcad3e5..c43867f0bb 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-to-standalone.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-to-standalone.md
@@ -47,7 +47,7 @@ When you migrate to standalone mode, the processing location for various feature
| **Thumbnail View** | Thumbnail images are generated on the server and transmitted to the client. | Thumbnails are rendered directly in the browser without server involvement. |
| **Bookmark View** | Bookmark data is processed on the server and sent to the client for rendering. | Bookmark navigation is managed locally using the Syncfusion EJ2 PDF Viewer. |
| **Text Search** | Text search operations are performed on the server, and results are returned to the client. | Text search is executed entirely within the browser. |
-| **Print** | The server handles print preparation and formatting, then sends the processed output back to the client for printing. | The server handles print preparation and formatting, then sends the processed output back to the client for printing. |
+| **Print** | The server handles print preparation and formatting, then sends the processed output back to the client for printing. | Print operations are executed entirely in the browser without server communication. |
| **Toolbar** | Toolbar actions such as zoom, navigation, and export are processed on the server, and results are returned to the client. | Toolbar operations are executed instantly on the client without requiring server communication. |
**Key Insight:** In standalone mode, all PDF processing occurs in the browser, eliminating the need for server coordination. Your server only serves the PDF file as a static resource or through a simple API endpoint.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-search.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-search.md
index 2ff183a0fb..45a9297765 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-search.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-search.md
@@ -4,7 +4,6 @@ title: Text search in ASP.NET MVC PDF Viewer component | Syncfusion
description: Learn all about text search in the Syncfusion ASP.NET MVC PDF Viewer component, including features, programmatic search options, and events.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
@@ -150,7 +149,7 @@ The following text search methods are available in the PDF Viewer,
* **Search text** - Searches the target text in the PDF document and highlights the occurrences in the pages.
* **Search next** - Searches the next occurrence of the searched text from the current occurrence of the PDF Viewer.
* **Search previous** - Searches the previous occurrence of the searched text from the current occurrence of the PDF Viewer.
-* **Cancel text search** - The text search can be canceled and the highlighted occurrences from the PDF Viewer can be removed .
+* **Cancel text search** - The text search can be canceled and the highlighted occurrences from the PDF Viewer can be removed.
@@ -171,7 +170,7 @@ Searches for the specified text within the document and returns the bounding rec
@@ -186,7 +185,7 @@ Searches for the specified text within the document and returns the bounding rec
@@ -207,7 +206,7 @@ Searches for the specified text within the document and returns the bounding rec
@@ -222,7 +221,7 @@ Searches for the specified text within the document and returns the bounding rec
@@ -243,7 +242,7 @@ Searches for an array of strings within the document and returns the bounding re
@@ -258,7 +257,7 @@ Searches for an array of strings within the document and returns the bounding re
@@ -279,7 +278,7 @@ Searches for an array of strings within the document and returns the bounding re
@@ -294,7 +293,7 @@ Searches for an array of strings within the document and returns the bounding re
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-selection.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-selection.md
index 7db2eae51e..da59937bb8 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-selection.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/text-selection.md
@@ -1,10 +1,9 @@
---
layout: post
-title: Text_selection in ASP.NET MVC PDF Viewer Component
-description: Learn here all about Text_selection in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Text selection in Syncfusion ASP.NET MVC PDF Viewer Component
+description: Learn here all about Text selection in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Text_selection
-publishingplatform: ASP.NET MVC
+control: PDF Viewer
documentation: ug
---
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar.md
index 19dc5c9f89..1146f32e62 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar.md
@@ -15,9 +15,9 @@ The annotation toolbar can be customized by showing or hiding default items and
Show or hide the annotation toolbar programmatically during initialization or at runtime.
-Use the [EnableAnnotationToolbar](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableAnnotationToolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showannotationtoolbar) method to toggle visibility.
+Use the [EnableAnnotationToolbar](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableAnnotationToolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar#showannotationtoolbar) method to toggle visibility.
-The following code snippet explains how to show or hide the annotation toolbar using the `showAnnotationToolbar` method.
+To toggle the visibility at runtime, use the `showAnnotationToolbar` method on the toolbar instance.
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
@@ -54,7 +54,7 @@ The following code snippet explains how to show or hide the annotation toolbar u
## How to customize the annotation toolbar
-Choose which tools appear and control their order in the annotation toolbar.
+The set of tools that appear and their order in the annotation toolbar can be customized.
Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems) property to choose which tools are displayed in the annotation toolbar. The property accepts a list of [`AnnotationToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems) values. Only the items included in this list are shown; any item not listed is hidden. The rendered order follows the sequence of items in the list.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md
index afbf4110ce..4fff696821 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md
@@ -7,7 +7,7 @@ control: PDF Viewer
documentation: ug
---
-# Custom toolbar n ASP.NET MVC PDF Viewer
+# Custom toolbar in ASP.NET MVC PDF Viewer
The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer:
@@ -30,10 +30,10 @@ new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-download-document-
```
-**Step 3:** Add an EJ2 Toolbar to perform magnification actions in the PDF Viewer using the following code snippet:
+**Step 3:** Add the EJ2 PDF Viewer with the built-in toolbar disabled using the following code snippet:
{% tabs %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight cshtml tabtitle="Standalone" %}
```html
@Html.EJS().PdfViewer("pdfviewer")
@@ -42,7 +42,7 @@ new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-download-document-
.DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
```
{% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
+{% highlight cshtml tabtitle="Server-Backed" %}
```html
@Html.EJS().PdfViewer("pdfviewer")
@@ -54,7 +54,7 @@ new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-download-document-
{% endhighlight %}
{% endtabs %}
-**Step 4:** Add the following styles to achieve the custom toolbar styling:
+**Step 4:** Add an EJ2 Toolbar to perform magnification actions in the PDF Viewer using the following code snippet:
```html
@@ -66,7 +66,7 @@ new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-zoom-out-icon", Too
```
-**Step 5:** Add the following style to achieve the custom toolbar styling,
+**Step 5:** Add the following styles to achieve the custom toolbar styling,
```html