@Html.EJS().PdfViewer("pdfviewer").EnableToolbar(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
-```
+
{% endhighlight %}
{% highlight html tabtitle="Server-Backed" %}
-```html
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableToolbar(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
-```
{% endhighlight %}
{% endtabs %}
The following code snippet explains how to show or hide the toolbar using the `showToolbar` method.
-{{% tabs %}
+{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar.md
index 3e469f765..1c7be23be 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar.md
@@ -4,7 +4,6 @@ title: Overview of the toolbars in ASP.NET MVC PDF Viewer Component | Syncfusion
description: Check out and learn about the primary, annotation, form designer, and redaction toolbars in the Syncfusion ASP.NET MVC PDF Viewer component.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET MVC
documentation: ug
---
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md
index 08b7d57ce..a63574b48 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: FAQ Section in PDF Viewer control | Syncfusion
-description: In this section, you can know about the various questions asked about manipulation of in PDF Viewer control.
+title: FAQ Section in JavaScript PDF Viewer control | Syncfusion
+description: In this section, you can know about the various questions asked about manipulation of JavaScript PDF Viewer control.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md
index a2b60314f..9c4a3697a 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Change the font family for type signatures
+# Change the font family for type signatures in JavaScript
Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md
index 6d701d67b..284fbe3d9 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Get Base64 value from a loaded PDF
+# Get Base64 value from a loaded PDF in JavaScript
### Overview
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-copy.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-copy.png
new file mode 100644
index 000000000..6f1b99332
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-copy.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-delete.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-delete.png
new file mode 100644
index 000000000..55dce7cee
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-delete.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-insert.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-insert.png
new file mode 100644
index 000000000..cde4161c6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/organize-insert.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md
similarity index 96%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md
index a9aa1aadd..92f2af106 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md
@@ -82,5 +82,5 @@ document.getElementById('getBookmarks').addEventListener('click', () => {
## See also
-* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/toolbar/)
-* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/feature-module/)
\ No newline at end of file
+* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/toolbar)
+* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink.md
index 5e3a49efa..fdbd58aec 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Hyperlink navigation in PDF Viewer
+# Hyperlink navigation in JavaScript PDF Viewer
The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/events.md
similarity index 93%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-pdf-events.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/events.md
index 4b025f3d6..5f62d08bf 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-pdf-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/events.md
@@ -1,14 +1,14 @@
---
layout: post
title: Organize Pages Events in JavaScript PDF Viewer | Syncfusion
-description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+description: Learn how to organize pages Events in the ES5 PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Organize Pages Events in PDF Viewer
+# Organize Pages Events in JavaScript PDF Viewer
The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/mobile-view.md
similarity index 93%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-page-mobile-view.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/mobile-view.md
index 4121ee709..e355ade62 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-page-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/mobile-view.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Organize Pages in Mobile PDF Viewer | Syncfusion
+title: Organize Pages in JavaScript Mobile PDF Viewer | Syncfusion
description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices
platform: document-processing
control: PDF Viewer
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Organize Pages in Mobile PDF Viewer
+# Organize Pages in Mobile PDF Viewer JavaScript
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/javascript-es5/organize-pages/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/overview.md
new file mode 100644
index 000000000..5201456a8
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/overview.md
@@ -0,0 +1,28 @@
+---
+layout: post
+title: Organize pages in JavaScript PDF Viewer | Syncfusion
+description: Learn how to reorder, rotate, insert, delete, and save pages with the Syncfusion JavaScript PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Organize pages in JavaScript PDF Viewer
+
+The JavaScript PDF Viewer component provides an Organize Pages panel that helps you prepare documents before sharing them. Use it to tidy scanned files, move pages into the right order, and duplicate important content without leaving the viewer.
+
+To open the Organize Pages panel, load a document, ensure that the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. The document must allow page-level edits; otherwise, the toolbar item is hidden.
+
+The Organize Pages panel supports the following actions:
+
+* **Rotate pages**: Fix page orientation in 90-degree increments to correct scanned pages.
+* **Rearrange pages**: Drag and drop thumbnails to update the reading order.
+* **Insert new pages**: Add blank pages at the required position.
+* **Delete pages**: Remove pages that are no longer needed.
+* **Copy pages**: Duplicate selected pages to reuse content elsewhere in the document.
+* **Import a PDF document**: Merge the current document with pages from another PDF file.
+* **Select all pages**: Apply bulk actions, such as rotation or deletion, to every page.
+* **Save updates**: Review changes in real time and use **Save** or **Save As** to download the revised document.
+
+After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/programmatic-support.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/programmatic-support-for-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/programmatic-support.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/toolbar-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/ui-interactions.md
similarity index 95%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/ui-interactions.md
index 23725d9c1..381f08ee3 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions-organize-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/ui-interactions.md
@@ -38,7 +38,7 @@ Effortlessly add blank pages to your document with the following options:
* **Insert blank page left**: Insert a blank page to the left of the selected page.
* **Insert blank page right**: Insert a blank page to the right of the selected page.
-
+
## Deleting PDF pages
@@ -47,7 +47,7 @@ Remove unwanted pages from your document with these steps:
1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once.
2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.
-
+
## Copying PDF pages
@@ -56,7 +56,7 @@ Duplicate pages within your PDF document effortlessly:
* **Select pages to copy**: Click on the page thumbnails you wish to duplicate.
* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages.
-
+
## Importing a PDF document
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md
similarity index 97%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md
index 0aa957a83..905f849e4 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Annotation Toolbar Customization in JavaScript PDF Viewer control | Syncfusion
+title: Annotation Toolbar in JavaScript PDF Viewer control | Syncfusion
description: Learn here all about annotation toolbar customization in Syncfusion JavaScript PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Annotation Toolbar Customization
@@ -9,7 +9,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Annotation Toolbar Customization
+# Annotation Toolbar Customization in JavaScript
The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md
similarity index 98%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md
index fb07b7ded..95ecf2d08 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Form Designer Toolbar Customization
+# Form Designer Toolbar Customization in JavaScript
The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md
index a59413e33..dcbab9ccb 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with PDF Viewer in TypeScript | Syncfusion
-description: Set up and use Syncfusion's TypeScript PDF Viewer in server-backed mode with EJ2 quickstart, module injection, and web service configuration.
+title: Getting started with TypeScript PDF Viewer (server-backed) | Syncfusion
+description: Learn how to set up and use the Syncfusion TypeScript PDF Viewer in server-backed mode using the EJ2 quickstart, including module injection and web service configuration.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md
index afd202330..f9882a5ff 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md
@@ -1,7 +1,7 @@
---
layout: post
title: Getting started with TypeScript PDF Viewer (standalone) | Syncfusion
-description: Set up Syncfusion's TypeScript PDF Viewer in standalone mode using EJ2 quickstart with local resources and module injection.
+description: Learn how to set up and use the Syncfusion TypeScript PDF Viewer in standalone mode using the EJ2 quickstart, including local resource configuration and module injection.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md
index 00f95f3b4..ed5e332c4 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Frequently Asked Questions in TypeScript PDF Viewer | Syncfusion
-description: In this section, you can know about the various questions asked about manipulation of in TypeScript PDF Viewer control.
+title: FAQ Section in PDF Viewer control | Syncfusion
+description: In this section, you can know about the various questions asked about manipulation of in PDF Viewer control.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-annotation-in-text-search-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-annotation-in-text-search-ts.md
index ec25a1438..242ae4271 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-annotation-in-text-search-ts.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-annotation-in-text-search-ts.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Add Rectangle Annotation in Text Search in PDF Viewer | Syncfusion
+title: Add rectangle annotation from textSearch in TypeScript PDF Viewer | Syncfusion
description: Learn to add rectangle annotations using text search bounds in the TypeScript PDF Viewer component, including initialization and search controls.
platform: document-processing
control: PDF Viewer
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-header-value.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-header-value.md
index b26780aa5..72c458256 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-header-value.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-header-value.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Add Headers to AJAX Requests in TypeScript PDF Viewer | Syncfusion
+title: Add header values to AJAX requests in TypeScript PDF Viewer | Syncfusion
description: Learn how to include custom headers in PDF Viewer AJAX requests using ajaxRequestSettings and ajaxHeaders in the TypeScript PDF Viewer component.
platform: document-processing
control: PDF Viewer
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-save-button-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-save-button-ts.md
index 8bd8fc520..2f0c8d3e2 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-save-button-ts.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/add-save-button-ts.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Add Save Button to Toolbar in TypeScript PDF Viewer | Syncfusion
+title: Add Save button to the built-in toolbar in TypeScript PDF Viewer | Syncfusion
description: Learn how to add, show, hide, enable, and disable a custom Save button in the built-in toolbar of the TypeScript PDF Viewer component.
platform: document-processing
control: Toolbar
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md
index ece85b705..b05de31bd 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Change the font family for type signatures
+# Change the font family for type signatures in TypeScript
Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md
index 3e60e9c66..f4b907142 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md
@@ -7,7 +7,7 @@ control: PDF Viewer
documentation: ug
---
-# Get Base64 value from a loaded PDF
+# Get Base64 value from a loaded PDF in TypeScript
### Overview
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-copy.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-copy.png
new file mode 100644
index 000000000..6f1b99332
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-copy.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-delete.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-delete.png
new file mode 100644
index 000000000..55dce7cee
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-delete.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-insert.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-insert.png
new file mode 100644
index 000000000..cde4161c6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/organize-insert.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink.md
index 626f526ba..8249d0a56 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Hyperlink navigation in PDF Viewer
+# Hyperlink navigation in TypeScript PDF Viewer
The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md
index f7d888c87..5f3551d1b 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Navigation in TypeScript PDF Viewer | Syncfusion
-description: Learn how to navigate PDF documents using the Syncfusion TypeScript PDF Viewer, including toolbar controls, programmatic navigation, bookmarks, thumbnails, hyperlinks, and table of contents.
+description: Learn to navigate PDFs in Syncfusion's TypeScript PDF Viewer using toolbar controls, bookmarks, thumbnails, and hyperlinks.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/events.md
similarity index 91%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/events.md
index 4ca3948a2..58aa8dff9 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/events.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Organize Pages Events in PDF Viewer | Syncfusion
-description: Learn how to organize pages Events in the PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+title: Organize Pages Events in TypeScript PDF Viewer | Syncfusion
+description: Learn how to organize pages Events in the ES6 PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Organize Pages Events in PDF Viewer
+# Organize Pages Events in TypeScript PDF Viewer
The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/mobile-view.md
similarity index 84%
rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-page-mobile-view.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/mobile-view.md
index ab12284bb..e5a5940df 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-page-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/mobile-view.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Organize Pages in Mobile PDF Viewer | Syncfusion
-description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+title: Organize Pages in TypeScript Mobile PDF Viewer | Syncfusion
+description: Manage PDF pages in ES6 mobile viewer—rotate, reorder, insert, delete, and copy pages for a smooth mobile experience.
platform: document-processing
control: PDF Viewer
-publishingplatform: ASP.NET Core
documentation: ug
+domainurl: ##DomainURL##
---
-# Organize Pages in Mobile PDF Viewer
+# Organize Pages in Mobile PDF Viewer TypeScript
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/javascript-es6/organize-pages/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/overview.md
new file mode 100644
index 000000000..547067c80
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/overview.md
@@ -0,0 +1,28 @@
+---
+layout: post
+title: Organize pages in TypeScript PDF Viewer | Syncfusion
+description: Learn how to reorder, rotate, insert, delete, and save pages with the Syncfusion TypeScript PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Organize pages in TypeScript PDF Viewer
+
+The TypeScript PDF Viewer component provides an Organize Pages panel that helps you prepare documents before sharing them. Use it to tidy scanned files, move pages into the right order, and duplicate important content without leaving the viewer.
+
+To open the Organize Pages panel, load a document, ensure that the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. The document must allow page-level edits; otherwise, the toolbar item is hidden.
+
+The Organize Pages panel supports the following actions:
+
+* **Rotate pages**: Fix page orientation in 90-degree increments to correct scanned pages.
+* **Rearrange pages**: Drag and drop thumbnails to update the reading order.
+* **Insert new pages**: Add blank pages at the required position.
+* **Delete pages**: Remove pages that are no longer needed.
+* **Copy pages**: Duplicate selected pages to reuse content elsewhere in the document.
+* **Import a PDF document**: Merge the current document with pages from another PDF file.
+* **Select all pages**: Apply bulk actions, such as rotation or deletion, to every page.
+* **Save updates**: Review changes in real time and use **Save** or **Save As** to download the revised document.
+
+After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/programmatic-support.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/programmatic-support-for-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/programmatic-support.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/toolbar-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/ui-interactions.md
similarity index 96%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/ui-interactions.md
index 93bbb548a..ebd7d0329 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions-organize-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/ui-interactions.md
@@ -38,7 +38,7 @@ Effortlessly add blank pages to your document with the following options:
* **Insert blank page left**: Insert a blank page to the left of the selected page.
* **Insert blank page right**: Insert a blank page to the right of the selected page.
-
+
## Deleting PDF pages
@@ -47,7 +47,7 @@ Remove unwanted pages from your document with these steps:
1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once.
2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.
-
+
## Copying PDF pages
@@ -56,7 +56,7 @@ Duplicate pages within your PDF document effortlessly:
* **Select pages to copy**: Click on the page thumbnails you wish to duplicate.
* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages.
-
+
## Importing a PDF document
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf.md
index fd39dfaf5..3f1c247b2 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf.md
@@ -4,7 +4,6 @@ title: Organize Pages in Typescript PDF Viewer control | Syncfusion
description: Learn here all about Organize Pages in Syncfusion Typescript PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
-publishingplatform: Typescript
documentation: ug
domainurl: ##DomainURL##
---
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar.md
similarity index 98%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar.md
index ac3c56eab..f5cd23086 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Annotation Toolbar Customization in TypeScript PDF Viewer control | Syncfusion
+title: Annotation Toolbar in TypeScript PDF Viewer control | Syncfusion
description: Learn here all about annotation toolbar customization in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Annotation Toolbar Customization
@@ -9,7 +9,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Annotation Toolbar Customization
+# Annotation Toolbar Customization in TypeScript
The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/custom-toolbar.md
index 9c0824b69..717c3e5a7 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/custom-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/custom-toolbar.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Custom Toolbar
+# Custom Toolbar in TypeScript PDF Viewer
The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar.md
index 12332c016..1047e02cd 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Form Designer Toolbar Customization
+# Form Designer Toolbar Customization in TypeScript
The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/primary-toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/primary-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/primary-toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md
index c4773c112..1bcf9061d 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md
@@ -4,7 +4,6 @@ title: Toolbar in Typescript Pdfviewer control | Syncfusion
description: Learn here all about Toolbar in Syncfusion Typescript Pdfviewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Toolbar
-publishingplatform: Typescript
documentation: ug
domainurl: ##DomainURL##
---
diff --git a/Document-Processing/PDF/PDF-Viewer/react/events.md b/Document-Processing/PDF/PDF-Viewer/react/events.md
index d6fece65f..a50101a04 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/events.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/events.md
@@ -76,7 +76,8 @@ The [bookmarkClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -101,7 +102,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## toolbarClick
@@ -111,7 +114,8 @@ The [toolbarClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -136,7 +140,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## validateFormFields
@@ -154,7 +160,9 @@ When it triggers
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -183,7 +191,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
Tip
- To require a field programmatically, set isRequired: true when creating or editing the field via Form Designer APIs.
@@ -196,7 +206,9 @@ The [zoomChange](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#z
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -221,7 +233,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## buttonFieldClick
@@ -231,7 +245,9 @@ The [buttonFieldClick](https://ej2.syncfusion.com/react/documentation/api/pdfvie
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -256,7 +272,8 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+{% endhighlight %}
+{% endtabs %}
## commentAdd
@@ -266,7 +283,9 @@ The [commentAdd](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#c
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -291,7 +310,8 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+{% endhighlight %}
+{% endtabs %}
## commentDelete
@@ -301,7 +321,8 @@ The [commentDelete](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -326,7 +347,8 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+{% endhighlight %}
+{% endtabs %}
## commentEdit
@@ -336,7 +358,9 @@ The [commentEdit](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -361,7 +385,8 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+{% endhighlight %}
+{% endtabs %}
## commentSelect
@@ -371,7 +396,9 @@ The [commentSelect](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -396,7 +423,8 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+{% endhighlight %}
+{% endtabs %}
## commentStatusChanged
@@ -406,7 +434,8 @@ The [commentStatusChanged](https://ej2.syncfusion.com/react/documentation/api/pd
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -431,7 +460,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## created
@@ -441,7 +472,8 @@ The [created](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#crea
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -466,7 +498,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## customContextMenuBeforeOpen
@@ -478,7 +512,8 @@ The [customContextMenuBeforeOpen](https://ej2.syncfusion.com/react/documentation
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -521,7 +556,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## customContextMenuSelect
@@ -534,7 +571,8 @@ The [customContextMenuSelect](https://ej2.syncfusion.com/react/documentation/api
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -577,7 +615,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## documentLoad
@@ -587,7 +627,8 @@ The [documentLoad](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -612,7 +653,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## documentLoadFailed
@@ -622,7 +665,8 @@ The [documentLoadFailed](https://ej2.syncfusion.com/react/documentation/api/pdfv
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -646,7 +690,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## documentUnload
@@ -656,7 +702,8 @@ The [documentUnload](https://ej2.syncfusion.com/react/documentation/api/pdfviewe
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -681,7 +728,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## downloadEnd
@@ -691,7 +740,8 @@ The [downloadEnd](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -716,7 +766,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## downloadStart
@@ -726,7 +778,8 @@ The [downloadStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -751,7 +804,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## exportFailed
@@ -761,7 +816,9 @@ The [exportFailed](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -786,7 +843,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## exportStart
@@ -796,7 +855,8 @@ The [exportStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -821,7 +881,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## exportSuccess
@@ -831,7 +893,8 @@ The [exportSuccess](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -856,7 +919,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## extractTextCompleted
@@ -866,7 +931,8 @@ The [extractTextCompleted](https://ej2.syncfusion.com/react/documentation/api/pd
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -891,7 +957,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## hyperlinkClick
@@ -901,7 +969,8 @@ The [hyperlinkClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewe
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -926,7 +995,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## hyperlinkMouseOver
@@ -936,7 +1007,9 @@ The [hyperlinkMouseOver](https://ej2.syncfusion.com/react/documentation/api/pdfv
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -961,7 +1034,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## importFailed
@@ -971,7 +1046,9 @@ The [importFailed](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -996,7 +1073,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## importStart
@@ -1006,7 +1085,8 @@ The [importStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1031,7 +1111,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## importSuccess
@@ -1041,7 +1123,8 @@ The [importSuccess](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1066,7 +1149,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## keyboardCustomCommands
@@ -1083,7 +1168,8 @@ When it triggers
Refer to [Keyboard interaction](./accessibility#keyboard-interaction) for details about adding and handling custom shortcut keys.
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1123,7 +1209,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## moveSignature
@@ -1133,7 +1221,8 @@ The [moveSignature](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1158,7 +1247,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## pageChange
@@ -1168,7 +1259,8 @@ The [pageChange](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#p
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1193,7 +1285,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## pageClick
@@ -1203,7 +1297,8 @@ The [pageClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#pa
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1228,7 +1323,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## pageMouseover
@@ -1238,7 +1335,8 @@ The [pageMouseover](https://ej2.syncfusion.com/react/documentation/api/pdfviewer
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1263,7 +1361,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## pageOrganizerSaveAs
@@ -1273,7 +1373,8 @@ The [pageOrganizerSaveAs](https://ej2.syncfusion.com/react/documentation/api/pdf
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1298,7 +1399,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## pageRenderComplete
@@ -1308,7 +1411,8 @@ The [pageRenderComplete](https://ej2.syncfusion.com/react/documentation/api/pdfv
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1333,7 +1437,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## pageRenderInitiate
@@ -1343,7 +1449,8 @@ The [pageRenderInitiate](https://ej2.syncfusion.com/react/documentation/api/pdfv
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1368,7 +1475,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## printEnd
@@ -1378,7 +1487,8 @@ The [printEnd](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#pri
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1403,7 +1513,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## printStart
@@ -1413,7 +1525,8 @@ The [printStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#p
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1438,7 +1551,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## removeSignature
@@ -1448,7 +1563,8 @@ The [removeSignature](https://ej2.syncfusion.com/react/documentation/api/pdfview
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1473,7 +1589,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## resizeSignature
@@ -1483,7 +1601,8 @@ The [resizeSignature](https://ej2.syncfusion.com/react/documentation/api/pdfview
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1508,7 +1627,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## resourcesLoaded
@@ -1518,7 +1639,8 @@ The [resourcesLoaded](https://ej2.syncfusion.com/react/documentation/api/pdfview
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1543,7 +1665,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## signaturePropertiesChange
@@ -1553,7 +1677,8 @@ The [signaturePropertiesChange](https://ej2.syncfusion.com/react/documentation/a
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1578,7 +1703,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## signatureSelect
@@ -1588,7 +1715,8 @@ The [signatureSelect](https://ej2.syncfusion.com/react/documentation/api/pdfview
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1613,7 +1741,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## signatureUnselect
@@ -1623,7 +1753,8 @@ The [signatureUnselect](https://ej2.syncfusion.com/react/documentation/api/pdfvi
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1648,7 +1779,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## textSearchComplete
@@ -1658,7 +1791,8 @@ The [textSearchComplete](https://ej2.syncfusion.com/react/documentation/api/pdfv
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1683,7 +1817,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## textSearchHighlight
@@ -1693,7 +1829,8 @@ The [textSearchHighlight](https://ej2.syncfusion.com/react/documentation/api/pdf
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1718,7 +1855,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## textSearchStart
@@ -1728,7 +1867,8 @@ The [textSearchStart](https://ej2.syncfusion.com/react/documentation/api/pdfview
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1753,7 +1893,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## textSelectionEnd
@@ -1763,7 +1905,8 @@ The [textSelectionEnd](https://ej2.syncfusion.com/react/documentation/api/pdfvie
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1788,7 +1931,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## textSelectionStart
@@ -1798,7 +1943,8 @@ The [textSelectionStart](https://ej2.syncfusion.com/react/documentation/api/pdfv
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1823,7 +1969,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
## thumbnailClick
@@ -1833,7 +1981,9 @@ The [thumbnailClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewe
Example:
-```jsx
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -1858,7 +2008,9 @@ function App() {
const root = ReactDOM.createRoot(document.getElementById('pdfViewer'));
root.render(
);
-```
+
+{% endhighlight %}
+{% endtabs %}
> Tip: For annotation and signature-specific events and arguments, see the dedicated Annotations Events topic.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md
index 51b43db11..8178ae2f4 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Customize the context menu in PDF Viewer
+# Customize the context menu in PDF Viewer in React
PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#customcontextMenuselect) method.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md
index 34de478d4..655842f4b 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Change the font family for type signatures
+# Change the font family for type signatures in React
Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md
index 028e8fae1..b4354a534 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Load N number of pages on initial loading
+# Load N number of pages on initial loading in react
The initial rendering in a PDF viewer allows users to control the number of pages displayed when opening a PDF document. This improves the user experience by providing flexibility in loading a specific number of pages initially, while additional pages are dynamically rendered as the user scrolls through the document. This approach enhances the responsiveness of the PDF viewer and minimizes delays as users can access specific pages without waiting for the entire document to load.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/organize-copy.png b/Document-Processing/PDF/PDF-Viewer/react/images/organize-copy.png
new file mode 100644
index 000000000..6f1b99332
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/organize-copy.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/organize-delete.png b/Document-Processing/PDF/PDF-Viewer/react/images/organize-delete.png
new file mode 100644
index 000000000..55dce7cee
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/organize-delete.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/organize-insert.png b/Document-Processing/PDF/PDF-Viewer/react/images/organize-insert.png
new file mode 100644
index 000000000..cde4161c6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/organize-insert.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark.md
similarity index 98%
rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark.md
index 8fbb6a65d..660368084 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark.md
@@ -186,5 +186,5 @@ root.render(
);
## See also
-* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/toolbar/)
-* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/feature-module/)
\ No newline at end of file
+* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/toolbar)
+* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink.md
diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail.md
diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page.md
diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/events.md
similarity index 96%
rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md
rename to Document-Processing/PDF/PDF-Viewer/react/organize-pages/events.md
index e0dc71fe0..66f1b55b6 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/events.md
@@ -1,7 +1,7 @@
---
layout: post
title: Organize Pages Events in PDF Viewer | Syncfusion
-description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+description: Learn how to organize pages Events in the React PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/mobile-view.md
similarity index 86%
rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-page-mobile-view.md
rename to Document-Processing/PDF/PDF-Viewer/react/organize-pages/mobile-view.md
index c7b19756e..5e7c4cfb6 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-page-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/mobile-view.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Organize Pages in Mobile PDF Viewer | Syncfusion
-description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+title: Organize Pages in React Mobile PDF Viewer | Syncfusion
+description: Organize PDF pages in React mobile viewer—rotate, rearrange, add, remove, and duplicate pages easily on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Organize Pages in Mobile PDF Viewer
+# Organize Pages in Mobile PDF Viewer React
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/react/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/overview.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf-overview.md
rename to Document-Processing/PDF/PDF-Viewer/react/organize-pages/overview.md
diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/programmatic-support.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support-for-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/react/organize-pages/programmatic-support.md
diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/react/organize-pages/toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/ui-interactions.md
similarity index 96%
rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/react/organize-pages/ui-interactions.md
index 4be6494b7..5ce32f4bf 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions-organize-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/ui-interactions.md
@@ -38,7 +38,7 @@ Effortlessly add blank pages to your document with the following options:
* **Insert blank page left**: Insert a blank page to the left of the selected page.
* **Insert blank page right**: Insert a blank page to the right of the selected page.
-
+
## Deleting PDF pages
@@ -47,7 +47,7 @@ Remove unwanted pages from your document with these steps:
1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once.
2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.
-
+
## Copying PDF pages
@@ -56,7 +56,7 @@ Duplicate pages within your PDF document effortlessly:
* **Select pages to copy**: Click on the page thumbnails you wish to duplicate.
* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages.
-
+
## Importing a PDF document
diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar.md
similarity index 97%
rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar.md
index 15fd7250f..f8855fb75 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar.md
@@ -1,14 +1,14 @@
---
layout: post
-title: Annotation Toolbar Customization in React Pdfviewer control | Syncfusion
-description: Learn here all about annotation toolbar customization in Syncfusion React Pdfviewer control of Syncfusion Essential JS 2 and more.
+title: Annotation Toolbar in React PDF viewer control | Syncfusion
+description: Learn here all about annotation toolbar customization in Syncfusion React PDF viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# Annotation Toolbar Customization
+# Annotation Toolbar Customization in React
The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md
index f5c3a186d..cb6b70d28 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Custom Toolbar
+# Custom Toolbar in React PDF Viewer
The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar.md
similarity index 98%
rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar.md
index 96967ec30..63e9af5b0 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Form Designer Toolbar Customization in React PDF Viewer Component | Syncfusion
+title: Form Designer Toolbar in React PDF Viewer Component | Syncfusion
description: Learn here all about form designer toolbar customization in Syncfusion React PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Form Designer Toolbar Customization
+# Form Designer Toolbar Customization in React
The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/add-save-button.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/add-save-button.md
index 593bb9d5e..c06d7379a 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/add-save-button.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/add-save-button.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Integrate a Save Button into the Vue PDF Viewer Toolbar
+# Add a Save button to the built-in toolbar
PDF Viewer supports customizing toolbar items, including adding, showing, hiding, enabling, and disabling items.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md
index 44fd5742b..bac2430cc 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Change the font family for type signatures
+# Change the font family for type signatures in Vue
Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md
index d8467acbf..f5326af18 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md
@@ -15,7 +15,8 @@ Step 1: Follow the steps in the [Get started with Vue PDF Viewer](https://help.s
Step 2: Add the following Vue component snippet to enable highlight, underline, and strikeout actions using button clicks.
-```vue
+{% tabs %}
+{% highlight html tabtitle="Standalone" %}
@@ -69,6 +70,7 @@ export default {
}
};
-```
+{% endhighlight %}
+{% endtabs %}
For the list of available annotation modes, see the [Annotation API](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/).
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md
index 59f1063db..be82693d2 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Load N number of pages on initial loading in Vue PDF Viewer component | Syncfusion
+title: Load N number of pages on initial loading in Vue PDFViewer | Syncfusion
description: Learn here all about Load N number of pages on initial loading in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more.
control: Load N number of pages on initial loading
platform: document-processing
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Load N number of pages on initial loading
+# Load N number of pages on initial loading in Vue
The initial rendering in a PDF viewer allows users to control the number of pages displayed when opening a PDF document. This improves the user experience by providing flexibility in loading a specific number of pages initially, while additional pages are dynamically rendered as the user scrolls through the document. This approach enhances the responsiveness of the PDF viewer and minimizes delays as users can access specific pages without waiting for the entire document to load.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/organize-copy.png b/Document-Processing/PDF/PDF-Viewer/vue/images/organize-copy.png
new file mode 100644
index 000000000..6f1b99332
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/organize-copy.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/organize-delete.png b/Document-Processing/PDF/PDF-Viewer/vue/images/organize-delete.png
new file mode 100644
index 000000000..55dce7cee
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/organize-delete.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/organize-insert.png b/Document-Processing/PDF/PDF-Viewer/vue/images/organize-insert.png
new file mode 100644
index 000000000..cde4161c6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/organize-insert.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/bookmark.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/bookmark-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/bookmark.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink.md
index 9f302aaee..7d378eb28 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Hyperlink navigation in PDF Viewer
+# Hyperlink navigation in Vue PDF Viewer
The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-thumbnail.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-thumbnail-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-thumbnail.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/events.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md
rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pages/events.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/mobile-view.md
similarity index 93%
rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-page-mobile-view.md
rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pages/mobile-view.md
index bbd950706..f3c1358a1 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-page-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/mobile-view.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Organize Pages in Mobile View in Vue PDF Viewer component | Syncfusion
+title: Organize Pages in vue Mobile View in Vue PDF Viewer component | Syncfusion
description: Learn how to organize pages in the mobile view of the Vue PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
platform: document-processing
control: PDF Viewer
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Organize Pages in Mobile PDF Viewer
+# Organize Pages in Mobile PDF Viewer vue
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/vue/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/organize-pdf-overview.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md
rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pages/organize-pdf-overview.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/overview.md
new file mode 100644
index 000000000..3eea270a7
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/overview.md
@@ -0,0 +1,38 @@
+---
+layout: post
+title: Organize pages in Vue PDF Viewer | Syncfusion
+description: Learn how to reorder, rotate, insert, delete, and save pages with the Syncfusion Vue PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Organize pages in Vue PDF Viewer
+
+The Vue PDF Viewer component provides an Organize Pages panel that helps you prepare documents before sharing them. Use it to tidy scanned files, move pages into the right order, and duplicate important content without leaving the viewer.
+
+To open the Organize Pages panel, load a document, ensure that the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. The document must allow page-level edits; otherwise, the toolbar item is hidden.
+
+The Organize Pages panel supports the following actions:
+
+* **Rotate pages**: Fix page orientation in 90-degree increments to correct scanned pages.
+* **Rearrange pages**: Drag and drop thumbnails to update the reading order.
+* **Insert new pages**: Add blank pages at the required position.
+* **Delete pages**: Remove pages that are no longer needed.
+* **Copy pages**: Duplicate selected pages to reuse content elsewhere in the document.
+* **Import a PDF document**: Merge the current document with pages from another PDF file.
+* **Select all pages**: Apply bulk actions, such as rotation or deletion, to every page.
+* **Save updates**: Review changes in real time and use **Save** or **Save As** to download the revised document.
+
+After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order.
+
+For a full guide to Organize Pages in Vue, see the feature landing page: [Organize pages in Vue PDF Viewer](./organize-pdf).
+
+See also
+
+- [UI interactions for Organize Pages](./organize-pdf/ui-interactions-organize-page)
+- [Toolbar items for Organize Pages](./organize-pdf/toolbar-organize-page)
+- [Programmatic support for Organize Pages](./organize-pdf/programmatic-support-for-organize-page)
+- [Organize Pages events](./organize-pdf/organize-pdf-events)
+- [Organize Pages in mobile view](./organize-pdf/organize-page-mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/programmatic-support.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/programmatic-support-for-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pages/programmatic-support.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/toolbar-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pages/toolbar.md
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/ui-interactions.md
similarity index 96%
rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions-organize-page.md
rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pages/ui-interactions.md
index 5fd2e49fa..9856eb021 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions-organize-page.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/ui-interactions.md
@@ -36,7 +36,7 @@ Effortlessly add blank pages to your document with the following options:
* **Insert blank page left**: Insert a blank page to the left of the selected page.
* **Insert blank page right**: Insert a blank page to the right of the selected page.
-
+
## Deleting PDF pages
@@ -45,7 +45,7 @@ Remove unwanted pages from your document with these steps:
1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once.
2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.
-
+
## Copying PDF pages
@@ -54,8 +54,7 @@ Duplicate pages within your PDF document effortlessly:
* **Select pages to copy**: Click on the page thumbnails you wish to duplicate.
* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages.
-
-
+
## Importing a PDF document
Seamlessly import another PDF document into your current document:
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/overview.md
index 12ca86fe0..66727b7ee 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/overview.md
@@ -63,7 +63,7 @@ Add CSS references needed for PDF Viewer in `style` section of the `App.vue` fil
```
### Add PDF Viewer component
-Add the Vue PDF Viewer by using `ejs-pdfviewer` selector in template section of the `App.vue` file.
+Add the Vue PDF Viewer by using `ej-pdfviewer` selector in template section of the `App.vue` file.
```
@@ -105,7 +105,7 @@ Refer the [Getting Started with Vue3](https://help.syncfusion.com/document-proce
*[`View PDF Document`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/getting-started) - Open and display both the normal and the protected PDF files with AES and RC4 encryption.
*[`Annotations`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/annotation/text-markup-annotation) - Annotate with text markup, shapes, stamps, ink, and sticky notes.Form filling and form designing can be done.
-*[`Form Fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/form-designer/create-fillable-pdf-forms/create-programmatically) - Form filling and form designing can be done.
+*[`Form Fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/form-designer/create-programmatically) - Form filling and form designing can be done.
*[`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/annotation/signature-annotation) - Hand-written and digital signatures are allowed.
*[`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar) - Built-in-toolbar and custom toolbars to perform user interaction of PDF Viewer functionalities.
*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md
index c87cea97f..eec6c973b 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Annotation Toolbar Customization in Vue PDF Viewer component | Syncfusion
+title: Annotation Toolbar in Vue PDF Viewer component | Syncfusion
description: Learn how to customize the annotation toolbar in the Syncfusion Vue PDF Viewer component. Show/hide the toolbar and choose which tools to display and in what order.
platform: document-processing
control: Annotation Toolbar Customization
@@ -9,7 +9,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Annotation Toolbar Customization
+# Annotation Toolbar Customization in Vue
The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/custom-toolbar.md
index 6ab805ebf..f7ca0bd33 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/custom-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/custom-toolbar.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Custom Toolbar
+# Custom Toolbar in Vue PDF Viewer
The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md
index c37f0e2d5..ffdda0213 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Form Designer Toolbar Customization in Vue PDF Viewer component | Syncfusion
+title: Form Designer Toolbar in Vue PDF Viewer component | Syncfusion
description: Learn how to customize the form designer toolbar in the Syncfusion Vue PDF Viewer. Show/hide the toolbar and choose which tools to display and in what order.
platform: document-processing
control: PDF Viewer
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Form Designer Toolbar Customization
+# Form Designer Toolbar Customization in Vue
The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar-customization.md
rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md