From c1b26905f4a3d4b4104aeda26bde1f21af1cb682 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 10:37:45 +0530 Subject: [PATCH 1/8] Task(1044032): Revamped the UG documentation for the Text Search, Text Selection, and Toolbar Customization samples in the Vue PDF Viewer platform --- .../PDF-Viewer/vue/text-search/find-text.md | 4 +-- .../PDF-Viewer/vue/text-search/overview.md | 1 + .../vue/text-search/text-search-events.md | 4 +-- .../vue/text-search/text-search-features.md | 6 ++-- .../PDF-Viewer/vue/text-selection/overview.md | 4 +-- .../text-selection-api-events.md | 6 ++-- .../annotation-toolbar.md | 4 +-- .../toolbar-customization/custom-toolbar.md | 14 ++++------ .../form-designer-toolbar.md | 14 +++++----- .../toolbar-customization/mobile-toolbar.md | 28 +++++++++---------- .../toolbar-customization/primary-toolbar.md | 13 ++++----- 11 files changed, 48 insertions(+), 50 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md index 914b07666a..e4896214e7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/find-text.md @@ -176,7 +176,7 @@ export default { {% endhighlight %} {% endtabs %} -### Find and get the bounds of the list of text on desired page +### Find and get the bounds of the list of text on the desired page Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. It returns the bounding rectangles for these search strings on that particular page where the strings were found. @@ -230,7 +230,7 @@ export default { {% endhighlight %} {% endtabs %} -[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) +[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) ## Find text with findTextAsync diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md index 2f3fb6f9c8..356d715d83 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/overview.md @@ -33,3 +33,4 @@ The [`extractText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#e - [Find Text](./find-text) - [Text Search Features](./text-search-features) - [Text Search Events](./text-search-events) +- [Extract Text](../how-to/extract-text) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md index 90ec8f84f8..067c975330 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-events.md @@ -14,7 +14,7 @@ The Vue PDF Viewer triggers events during text search operations, allowing you t ## textSearchStart -The [textSearchStart](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#textsearchstart) event fires as soon as a search begins from the toolbar interface or through the [`textSearch.searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext) method. Use to reset UI state, log analytics, or cancel the default search flow before results are processed. +The [textSearchStart](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#textsearchstart) event fires as soon as a search begins from the toolbar interface or through the [`textSearch.searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext) method. Use this event to reset UI state, log analytics, or cancel the default search flow before results are processed. - Event arguments: [TextSearchStartEventArgs](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textSearchStartEventArgs) exposes: - `searchText`: the term being searched. @@ -189,7 +189,7 @@ export default { {% endhighlight %} {% endtabs %} -[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) +[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) ## See Also diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md index dc08f81b6a..719ee48074 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md @@ -1,7 +1,7 @@ --- layout: post title: Text search in Vue PDF Viewer component | Syncfusion -description: Learn here all about how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer. +description: Learn how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer. control: PDF Viewer platform: document-processing documentation: ug @@ -115,7 +115,7 @@ While the PDF Viewer toolbar offers an interactive search experience, you can al Use the [`searchText`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/textsearch#searchtext) method to start a search with optional filters that control case sensitivity and whole-word behavior. ```ts -// searchText(text: string, isMatchCase?: boolean, isMatchWholeWord?: boolean) +// searchText(text: string, isMatchCase?: boolean) this.$refs.pdfViewer.ej2Instances.textSearch.searchText('search text', false); ``` @@ -222,7 +222,7 @@ export default { **Expected result:** the viewer highlights occurrences of `pdf` and navigation commands jump between matches. -[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) +[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-selection/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/text-selection/overview.md index 6a408ed7ca..61485fe290 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-selection/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-selection/overview.md @@ -3,7 +3,7 @@ layout: post title: Text selection in Vue PDF Viewer | Syncfusion description: Learn the text selection concepts, copy behavior, and interaction capabilities of the Syncfusion Vue PDF Viewer. platform: document-processing -control: Text selection +control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- @@ -32,7 +32,7 @@ Copying is available through several user interaction methods. ### Using the context menu -When text is selected, the built‑in context menu shows a Copy option. Selecting this option copies the highlighted text to the clipboard. See the [context menu](../context-menu/builtin-context-menu#text-menu-items) documentation for further explanation. +When text is selected, the built‑in context menu shows a Copy option. Selecting this option copies the highlighted text to the clipboard. ### Using keyboard shortcuts diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-selection/text-selection-api-events.md b/Document-Processing/PDF/PDF-Viewer/vue/text-selection/text-selection-api-events.md index 8172c85e96..b797c5bf32 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-selection/text-selection-api-events.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-selection/text-selection-api-events.md @@ -3,7 +3,7 @@ layout: post title: Text selection API and events in Vue PDF Viewer | Syncfusion description: Reference documentation for text selection properties, methods, and events in the Syncfusion Vue PDF Viewer. platform: document-processing -control: Text selection +control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- @@ -178,7 +178,7 @@ export default { ### textSelectionStart -Triggered when the user begins selecting text. The [textSelectionStart](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#textselectionstart) event fires when a user begins selecting text. Use it to track selection initiation, disable conflicting UI controls, or log analytics about user interaction patterns. +The [textSelectionStart](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#textselectionstart) event fires when a user begins selecting text. Use it to track selection initiation, disable conflicting UI controls, or log analytics about user interaction patterns. Event arguments (`TextSelectionStartEventArgs`): - `pageNumber`: Page where the selection started (1-based indexing) @@ -249,7 +249,7 @@ export default { ### textSelectionEnd -Triggered when the selection operation completes. The [textSelectionEnd](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#textselectionend) event triggers after the user completes a text selection. Use it to capture the selected text content, enable context-sensitive options, or send selection data to your application backend for processing. +The [textSelectionEnd](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#textselectionend) event triggers after the user completes a text selection. Use it to capture the selected text content, enable context-sensitive options, or send selection data to your application backend for processing. Event arguments (`TextSelectionEndEventArgs`): - `pageNumber`: Page where the selection ended (1-based indexing) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md index 99eb60864f..a36dc087cf 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md @@ -1,9 +1,9 @@ --- layout: post -title: Annotation Toolbar 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 +control: PDF Viewer publishingplatform: PDF Viewer documentation: ug domainurl: ##DomainURL## 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 02ecaa0731..20330d8f80 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 @@ -1,7 +1,7 @@ --- layout: post title: Custom Toolbar in Vue PDF Viewer Component | Syncfusion -description: Learn here all about creating a custom toolbar in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more. +description: Learn all about creating a custom toolbar in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer documentation: ug @@ -426,10 +426,8 @@ Sample: ## See also -* [Primary toolbar customization](./toolbar-customization/primary-toolbar-customization) -* [Custom toolbar](./toolbar-customization/custom-toolbar) -* [Annotation toolbar customization](./toolbar-customization/annotation-toolbar-customization) -* [Form designer toolbar customization](./toolbar-customization/form-designer-toolbar-customization) -* [Mobile toolbar](./toolbar-customization/mobile-toolbar) -* [Toolbar customization](./how-to/toolbar-customization) -* [Feature Modules](./feature-module) +* [Primary toolbar customization](./primary-toolbar) +* [Form designer toolbar customization](./form-designer-toolbar) +* [Mobile toolbar](./mobile-toolbar) +* [Toolbar customization](../toolbar) +* [Feature Modules](../feature-module) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md index 8ba92bb507..bd57f43fa7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md @@ -342,10 +342,10 @@ export default { ## See also -* [Primary toolbar customization](./toolbar-customization/primary-toolbar-customization) -* [Custom toolbar](./toolbar-customization/custom-toolbar) -* [Annotation toolbar customization](./toolbar-customization/annotation-toolbar-customization) -* [Form designer toolbar customization](./toolbar-customization/form-designer-toolbar-customization) -* [Mobile toolbar](./toolbar-customization/mobile-toolbar) -* [Toolbar customization](./how-to/toolbar-customization) -* [Feature Modules](./feature-module) +* [Primary toolbar customization](./primary-toolbar) +* [Custom toolbar](./custom-toolbar) +* [Annotation toolbar customization](./annotation-toolbar) +* [Form designer toolbar customization](./form-designer-toolbar) +* [Mobile toolbar](./mobile-toolbar) +* [Toolbar customization](../toolbar) +* [Feature Modules](../feature-module) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/mobile-toolbar.md index 263aa8e90e..c5de45c035 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/mobile-toolbar.md @@ -1,13 +1,14 @@ --- layout: post -title: Mobile Toolbar Interface in Vue PDF Viewer component | Syncfusion +title: Mobile Toolbar Interface in Vue PDF Viewer Component | Syncfusion description: Learn all about the mobile toolbar interface in Syncfusion Vue PDF Viewer component of Essential JS 2 and more. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Mobile Toolbar Interface in Vue PDF Viewer component + +# Mobile Toolbar Interface in Vue PDF Viewer Component The Mobile PDF Viewer provides features for viewing, searching, annotating, and managing PDF documents on mobile devices. It exposes core tools such as search, download, bookmarking, annotation, and page organization. The desktop toolbar can also be enabled in mobile mode to expose additional actions when required. @@ -43,11 +44,11 @@ When you open the more options menu, you will see additional actions such as: ![More options menu showing additional actions like download and bookmark](../images/more-options.png) -## Enable desktop mode in mobile +## Enable Desktop Mode in Mobile The desktop toolbar can be enabled on mobile devices by setting the `enableDesktopMode` option. Enabling this option exposes desktop-style toolbar actions in the mobile PDF Viewer. -### Steps to enable desktop mode +### Steps to Enable Desktop Mode **Step 1:** Set `enableDesktopMode` to true in the component configuration. **Step 2:** The viewer will use the desktop toolbar layout, granting access to additional actions and controls. @@ -167,7 +168,7 @@ export default { {% endhighlight %} {% endtabs %} -## Enable scrolling in desktop mode with touch gestures +## Enable Scrolling in Desktop Mode with Touch Gestures To ensure smooth touch scrolling of documents on mobile devices when the desktop toolbar is enabled, set the `enableTextSelection` option to **false**. This disables text-selection interactions that can interfere with touch-based scrolling. @@ -286,11 +287,11 @@ export default { {% endhighlight %} {% endtabs %} -## Print option not available in mobile mode +## Print Option Not Available in Mobile Mode The Print option is not available in mobile mode by default. Enabling the desktop toolbar on mobile via `enableDesktopMode` makes the Print option available. -### How to use Print on mobile: +### How to Use Print on Mobile: - Set `enableDesktopMode` to true to load the desktop toolbar on mobile. - After enabling desktop mode, the Print option appears in the toolbar and can be used to print the document from the mobile device. @@ -299,10 +300,9 @@ N> Print functionality remains unavailable in the default mobile toolbar unless ## See also -* [Primary toolbar customization](./toolbar-customization/primary-toolbar-customization) -* [Custom toolbar](./toolbar-customization/custom-toolbar) -* [Annotation toolbar customization](./toolbar-customization/annotation-toolbar-customization) -* [Form designer toolbar customization](./toolbar-customization/form-designer-toolbar-customization) -* [Mobile toolbar](./toolbar-customization/mobile-toolbar) -* [Toolbar customization](./how-to/toolbar-customization) -* [Feature Modules](./feature-module) \ No newline at end of file +* [Primary toolbar customization](./primary-toolbar) +* [Custom toolbar](./custom-toolbar) +* [Annotation toolbar customization](./annotation-toolbar) +* [Form designer toolbar customization](./form-designer-toolbar) +* [Toolbar customization](../toolbar) +* [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md index 75e6883ab2..b56dc0d3fb 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md @@ -169,10 +169,9 @@ Within the template, configure the PDF Viewer by adding the :serviceUrl="service ## See also -* [Primary toolbar customization](./toolbar-customization/primary-toolbar-customization) -* [Custom toolbar](./toolbar-customization/custom-toolbar) -* [Annotation toolbar customization](./toolbar-customization/annotation-toolbar-customization) -* [Form designer toolbar customization](./toolbar-customization/form-designer-toolbar-customization) -* [Mobile toolbar](./toolbar-customization/mobile-toolbar) -* [Toolbar customization](./how-to/toolbar-customization) -* [Feature Modules](./feature-module) \ No newline at end of file +* [Custom toolbar](./custom-toolbar) +* [Annotation toolbar customization](./annotation-toolbar) +* [Form designer toolbar customization](./form-designer-toolbar) +* [Mobile toolbar](./mobile-toolbar) +* [Toolbar customization](../toolbar) +* [Feature Modules](../feature-module) \ No newline at end of file From e10f3d26418572f1d7c5905d7500456a8a76e82f Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 11:07:05 +0530 Subject: [PATCH 2/8] Task(1044032): Revamped the UG documentation for the Troubleshooting samples and resolved the CI failure in the Vue PDF Viewer platform --- Document-Processing/PDF/PDF-Viewer/vue/mobile-toolbar.md | 2 +- .../PDF/PDF-Viewer/vue/text-search/text-search-features.md | 2 +- .../vue/toolbar-customization/annotation-toolbar.md | 4 ++-- .../vue/toolbar-customization/form-designer-toolbar.md | 4 ++-- .../PDF-Viewer/vue/toolbar-customization/primary-toolbar.md | 2 +- .../vue/troubleshooting/cp-command-not-recognized.md | 3 +-- .../PDF-Viewer/vue/troubleshooting/document-loading-issues.md | 2 +- .../PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md | 2 +- 8 files changed, 10 insertions(+), 11 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/mobile-toolbar.md index b743e26af1..ab92fcd7d6 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/mobile-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Mobile Toolbar Interface in Vue PDF Viewer component | Syncfusion +title: Mobile Toolbar Interface in Vue PDF Viewer | Syncfusion description: Learn All About the Mobile Toolbar Interface in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more. control: Mobile Toolbar Interface platform: document-processing diff --git a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md index 719ee48074..a73e8f8884 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/text-search/text-search-features.md @@ -1,7 +1,7 @@ --- layout: post title: Text search in Vue PDF Viewer component | Syncfusion -description: Learn how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer. +description: Learn how to configure text search and run programmatic searches in the Syncfusion Vue PDF Viewer to locate content. control: PDF Viewer platform: document-processing documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md index a36dc087cf..07e3688cd2 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md @@ -1,10 +1,10 @@ --- layout: post 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. +description: Learn how to customize the annotation toolbar in the Syncfusion Vue PDF Viewer. Show or hide it and choose which tools to display and in what order. platform: document-processing control: PDF Viewer -publishingplatform: PDF Viewer +publishingplatform: Vue documentation: ug domainurl: ##DomainURL## --- diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md index bd57f43fa7..b18a0952c1 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar.md @@ -18,7 +18,7 @@ For details about the built-in toolbar and common toolbar options, see the Toolb The form designer toolbar can be shown or hidden programmatically during initialization or at runtime. -Use the [enableFormDesigner](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/pdfViewerModel/#enableformdesigner) property to set initial visibility or call the [showFormDesignerToolbar](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method at runtime to toggle visibility. +Use the [enableFormDesigner](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/pdfviewermodel#enableformdesigner) property to set initial visibility or call the [showFormDesignerToolbar](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbar#showformdesignertoolbar) method at runtime to toggle visibility. The following code snippet explains how to show or hide the toolbar using the `showFormDesignerToolbar` method. @@ -175,7 +175,7 @@ export default { Select which tools appear and control their order in the form designer toolbar. -Configure [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings/) and set the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings/#formdesignertoolbaritems) property to specify available form-design tools. This property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formDesignerToolbarItem/) values; included items are displayed in the listed order and omitted items are hidden. This produces a consistent, streamlined form-design experience across devices. +Configure [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarsettings) and set the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarsettings#formdesignertoolbaritems) property to specify available form-design tools. This property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formdesignertoolbaritem) values; included items are displayed in the listed order and omitted items are hidden. This produces a consistent, streamlined form-design experience across devices. - ToolbarSettings: https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings/ - formDesignerToolbarItems: https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings/#formdesignertoolbaritems diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md index b56dc0d3fb..c15e7fc354 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar.md @@ -14,7 +14,7 @@ The primary toolbar of the PDF Viewer can be customized by rearranging existing ## Show or hide the primary toolbar -Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. When a custom toolbar is required, hide the built-in toolbar. Use the [enableToolbar](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/pdfViewerModel/#enabletoolbar) property or the [showToolbar](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbar/#showtoolbar) method to show or hide the primary toolbar. +Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. When a custom toolbar is required, hide the built-in toolbar. Use the [enableToolbar](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/pdfviewermodel#enabletoolbar) property or the [showToolbar](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbar#showtoolbar) method to show or hide the primary toolbar. Show or hide the toolbar using the `enableToolbar` property: diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md index f32d9aabfd..ffeaa2fca3 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md @@ -28,5 +28,4 @@ Notes: - Run the command from the project root so the node_modules path resolves correctly. - Windows paths use backslashes (\). Adjust paths if your project structure differs. - Ensure sufficient permissions to write to the destination folder. - -For cross-platform scripts in package.json, consider tools such as "shx" or "copyfiles" to avoid OS-specific commands. \ No newline at end of file +- For cross-platform scripts in package.json, consider tools such as shx or copyfiles to avoid OS-specific commands. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md index f4e8279136..257db85879 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md @@ -29,7 +29,7 @@ documentLoad: function (args) { ``` 2. **Verify document source:** Confirm the document URL or local path is correct and reachable. Open the document URL directly in a browser to validate accessibility. -3. **Network connectivity:** Ensure the application can access remote resources. Intermittent or blocked network requests will prevent the viewer from fetching the document.connection. +3. **Network connectivity:** Ensure the application can access remote resources. Intermittent or blocked network requests will prevent the viewer from fetching the document. 4. **Inspect console and network logs:** Use browser developer tools to check for errors, failed network requests (including worker script loads), and HTTP status codes that indicate resource or permission problems. 5. **Loading Sequence:** Validate the initialization order. Initialize the viewer, call `dataBind()`, then call `load()`. 6. **Update the viewer:** Verify the project uses a compatible and up-to-date viewer package. Review release notes for version-specific changes that affect initialization or API behavior. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md index 8c81981e0d..384b0eabed 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md @@ -1,7 +1,7 @@ --- layout: post title: Why manual copy from node_modules is required in the Vue PDF Viewer -description: Understand why certain lazy-loaded assets from ej2-pdfviewer-lib must be copied from node_modules when not using a bundler, how pdfium.js is handled, and when to reference assets directly in the Vue PDF Viewer. +description: Understand why certain lazy-loaded assets from ej2-pdfviewer-lib must be copied from node_modules when not using a bundler, and when to reference assets directly in the Vue PDF Viewer. control: PDF Viewer platform: document-processing documentation: ug From ae6a8b71d15d15d63d78bc7b0d10021c5cd56efa Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 11:27:30 +0530 Subject: [PATCH 3/8] task(1044032): Resolved the CI failure --- .../vue/toolbar-customization/annotation-toolbar.md | 1 - .../vue/troubleshooting/cp-command-not-recognized.md | 6 +++--- .../vue/troubleshooting/document-loading-issues.md | 6 +++--- .../PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md | 6 +++--- 4 files changed, 9 insertions(+), 10 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md index 07e3688cd2..24e353939b 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar.md @@ -4,7 +4,6 @@ title: Annotation Toolbar in Vue PDF Viewer component | Syncfusion description: Learn how to customize the annotation toolbar in the Syncfusion Vue PDF Viewer. Show or hide it and choose which tools to display and in what order. platform: document-processing control: PDF Viewer -publishingplatform: Vue documentation: ug domainurl: ##DomainURL## --- diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md index ffeaa2fca3..5fe865908a 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md @@ -1,14 +1,14 @@ --- layout: post -title: Fix "cp is not recognized" on Windows for the Vue PDF Viewer -description: Use Windows-friendly copy commands to replace Unix cp when copying ej2-pdfviewer-lib assets for the Vue PDF Viewer—examples for CMD (xcopy) and PowerShell (Copy-Item). +title: Fix "cp is not recognized" on Windows for the Syncfusion Vue PDF Viewer +description: Use Windows-friendly copy commands to replace Unix cp when copying ej2-pdfviewer-lib assets for the Syncfusion Vue PDF Viewer—CMD and PowerShell examples. control: PDF Viewer platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Troubleshoot error 'cp' is not recognized as a command +# Troubleshoot error 'cp' is not recognized as a command in Vue The Unix `cp` command is not available in the Windows Command Prompt. Use one of the following Windows-native alternatives to copy the required assets. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md index 257db85879..4fdde15479 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md @@ -1,14 +1,14 @@ --- layout: post -title: Fix document loading issues in v23.1+ for the Vue PDF Viewer component -description: Resolve document rendering failures in v23.1 or newer by calling dataBind before load, verifying source URLs, checking CORS and CSP, and confirming network connectivity in the Vue PDF Viewer. +title: Fix document loading issues in v23.1+ for the Syncfusion Vue PDF Viewer component +description: Resolve v23.1+ document rendering failures in the Syncfusion Vue PDF Viewer by calling dataBind before load, checking source URLs, CORS, CSP, and network. control: PDF Viewer platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Document Loading Issues in Version 23.1 or Newer +# Document Loading Issues in Version 23.1 or Newer in Vue If a document does not render in the viewer when using version 23.1 or later, use the following troubleshooting checklist to identify and resolve the issue. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md index 384b0eabed..bd077499d0 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md @@ -1,14 +1,14 @@ --- layout: post -title: Why manual copy from node_modules is required in the Vue PDF Viewer -description: Understand why certain lazy-loaded assets from ej2-pdfviewer-lib must be copied from node_modules when not using a bundler, and when to reference assets directly in the Vue PDF Viewer. +title: Why manual copy from node_modules is required in the Syncfusion Vue PDF Viewer +description: Learn why ej2-pdfviewer-lib assets must be copied from node_modules without a bundler and when to reference them directly in the Syncfusion Vue PDF Viewer. control: PDF Viewer platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Why Do I Have to Manually Copy Files from node_modules into My App? +# Why Do I Have to Manually Copy Files from node_modules into My Vue App? The PDF Viewer supports multiple build systems and can work without a bundler by referencing assets directly using HTML tags. To keep load times efficient, the library is split into smaller modules and uses lazy loading for certain assets. From 04b4dba30661bbf12776af8c402d5ee50c373481 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 11:32:05 +0530 Subject: [PATCH 4/8] Task(1044032): Resolved the CI failure --- Document-Processing-toc.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 5132c0d2a1..dde425ee30 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -1675,6 +1675,7 @@
  • Accessibility
    • +
  • Mobile Toolbar Interface
  • Toolbar Customization
    • Primary Toolbar
      • From 422518d13f15e4f5820e8687ad5cb30f953a3256 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 12:31:12 +0530 Subject: [PATCH 5/8] Task(1044032): Revamped the UG documentation for the Redaction samples in the Vue PDF Viewer platform --- .../PDF-Viewer/vue/Redaction/mobile-view.md | 31 ++++++++++--------- .../PDF/PDF-Viewer/vue/Redaction/overview.md | 2 +- .../vue/Redaction/programmatic-support.md | 4 +-- .../PDF-Viewer/vue/Redaction/search-redact.md | 4 +-- .../PDF/PDF-Viewer/vue/Redaction/toolbar.md | 8 ++--- .../vue/Redaction/ui-interaction.md | 7 ++--- 6 files changed, 28 insertions(+), 28 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md index 5f1da9097e..9cceab9af3 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md @@ -3,7 +3,7 @@ layout: post title: Redaction in mobile view in Vue PDF Viewer | Syncfusion description: Learn how to apply redactions in mobile view using the Syncfusion Vue PDF Viewer with a complete toolbar setup and redaction workflow. platform: document-processing -control: PdfViewer +control: Pdf Viewer documentation: ug --- @@ -132,7 +132,7 @@ Function: Redacts complete pages or page ranges with a single action. Options available: - Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.) - Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.) -- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7) +- Specific Pages: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7) - Current Page: Redacts only the currently displayed page Usage: @@ -146,15 +146,16 @@ The Redaction Properties tool allows customization of redaction appearance befor ![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png) -Function: Customize the visual appearance of redaction overlays and text replacement +Function: Customize the visual appearance of redaction overlays and text replacement. + Customizable properties: -- Fill Color: Change the redaction overlay color (default: black) -- Outline Color: Set outline color for redaction boxes (optional) -- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL") -- Text Color: Change overlay text color for better visibility -- Text Font: Select font family for overlay text -- Text Alignment: Position overlay text within redaction boxes -- Text Size: Adjust overlay text size relative to redaction area +- **Fill Color**: Change the redaction overlay color (default: black). +- **Outline Color**: Set outline color for redaction boxes (optional). +- **Overlay Text**: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL"). +- **Text Color**: Change overlay text color for better visibility. +- **Text Font**: Select font family for overlay text. +- **Text Alignment**: Position overlay text within redaction boxes. +- **Text Size**: Adjust overlay text size relative to redaction area. ![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png) @@ -195,13 +196,13 @@ Step 3: Configure your redaction parameters using the selected tool interface. N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered. -Once you have configured redactions using any combination of tools. +Once you have configured redactions using any combination of the tools described above, follow the steps below to apply them. Step 1: Review all redaction marks and configurations. ![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png) -Step 2: Tap the Apply Redactions button in the redaction toolbar +Step 2: Tap the Apply Redactions button in the redaction toolbar. ![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png) @@ -217,9 +218,9 @@ The selected content will be permanently removed and replaced according to your To remove existing redaction annotations before they are applied: -- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode -- Step 2: Tap on any existing redaction annotation you wish to remove -- Step 3: Select Delete from the context menu that appears +- Step 1: Tap the `RedactionEditTool` button in the primary mobile toolbar to enter annotation editing mode. +- Step 2: Tap on any existing redaction annotation you wish to remove. +- Step 3: Select Delete from the context menu that appears. Alternative: Tap redaction annotation → Use delete button in annotation properties panel diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md index 738dbed950..f431c86bd6 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md @@ -123,7 +123,7 @@ Remove redaction annotations using the toolbar or keyboard shortcuts: ## Redact Entire Pages -The viewer supports redacting entire pages that contain sensitive information. Use the built-in dialog to select specific pages, page ranges, or all pages, or invoke the same behavior programmatically. +The viewer supports redacting entire pages that contain sensitive information. Use the built-in dialog to select specific pages, page ranges, or all pages, or invoke the same behavior programmatically using the `addPageRedactions` method. ![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md index da2ab02742..923bc466e7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md @@ -3,7 +3,7 @@ layout: post title: Redaction Programmatic support in Vue PDF Viewer | Syncfusion description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion Vue PDF Viewer. platform: document-processing -control: PdfViewer +control: Pdf Viewer documentation: ug --- @@ -736,5 +736,5 @@ The redaction property panel allows users to update annotation properties throug * [Overview of Redaction](./overview) * [Redaction UI interactions](./ui-interaction) * [Redaction Toolbar](./toolbar) -* [Reaction in Mobile view](./mobile-view) +* [Redaction in Mobile view](./mobile-view) * [Search Text and Redact](./search-redact) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md index fd1dfe0539..0976b3f206 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Search text and redact in Vue PDF Viewer -You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the `extractTextCompleted` event, triggers text extraction, performs a search, and places redaction annotations for every result. +You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below uses the `findTextAsync` method to perform a search and places a redaction annotation for every result. N> Prerequisites: Add the PDF Viewer control to your Vue application and ensure a document is loaded. Confirm the redaction feature is available in the viewer version in use and that text extraction is enabled (`isExtractText: true`). Redaction is permanent once applied. @@ -161,7 +161,7 @@ export default { - Ensure the PDF is fully loaded before triggering extraction and search. - Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates. - Customize overlay text, colors, and typography as needed. -- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version. +- Adding a redaction annotation covers the content visually. To permanently remove the underlying sensitive data, call the viewer's Apply Redaction action (or invoke `inst.annotation.redact()` programmatically). ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md index 188e19ec33..2d4952567f 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md @@ -101,7 +101,7 @@ export default { Refer to the following image for the toolbar view: -![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png) +![Enable redaction toolbar](redaction-annotations-images/redaction-icon-toolbar.png) ## Show or hide the redaction toolbar @@ -111,7 +111,7 @@ The redaction toolbar can be toggled using the built‑in toolbar icon or progra When `RedactionEditTool` is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar. -![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png) +![Show redaction toolbar from the primary toolbar](redaction-annotations-images/redaction-icon-toolbar.png) ### Display the redaction toolbar programmatically @@ -220,11 +220,11 @@ export default { Refer to the following image for details: -![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png) +![Programmatically show the Redaction toolbar](redaction-annotations-images/show-redaction-toolbar.png) ## See also -* [Adding the redaction annotation in PDF viewer](../redaction/overview) +* [Adding the redaction annotation in PDF viewer](./overview) * [UI interactions](./ui-interaction) * [Programmatic support](./programmatic-support) * [Mobile view](./mobile-view) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md index 0eaa13aadf..b891a32b4e 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md @@ -23,7 +23,7 @@ Use the redaction tool in the toolbar to draw over content that should be hidden * **Resizable** – Resize the annotation to cover the required area. ![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png) -N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar). +N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](./toolbar). ## Add redaction annotations using the context menu @@ -62,7 +62,7 @@ Use the General tab to define how the content will look after redaction. These s ![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png) -N> Hovering over a redaction annotation shows a preview of the final look. After Apply Redaction is selected, these settings are flattened into the page and cannot be edited. Tip: Select Save in the dialog to persist changes. +N> Hovering over a redaction annotation shows a preview of the final look. After Apply Redaction is selected, these settings are flattened into the page and cannot be edited. Tip: In the property panel dialog, select Save to persist the changes before applying the redaction. #### Appearance tab @@ -115,8 +115,7 @@ After choosing the range, select **Save** to apply redaction marks to the select The **Apply Redaction** button permanently removes all marked content from the document. -* The button is disabled when no redaction annotations exist. -* It automatically enables once at least one annotation is present. +* The button is disabled when no redaction annotations exist and automatically enables once at least one annotation is present. ![Redact Button Icon](redaction-annotations-images/redact-button-icon.png) From 327939a44248a831976f9492abc28c01fbeda914 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 12:42:50 +0530 Subject: [PATCH 6/8] Task(1044032): Resolved the CI failure --- .../vue/troubleshooting/cp-command-not-recognized.md | 2 +- .../PDF-Viewer/vue/troubleshooting/document-loading-issues.md | 2 +- .../PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md index 5fe865908a..06df9f5c23 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/cp-command-not-recognized.md @@ -1,6 +1,6 @@ --- layout: post -title: Fix "cp is not recognized" on Windows for the Syncfusion Vue PDF Viewer +title: Fix "cp is not recognized" on Windows for Syncfusion Vue PDF Viewer description: Use Windows-friendly copy commands to replace Unix cp when copying ej2-pdfviewer-lib assets for the Syncfusion Vue PDF Viewer—CMD and PowerShell examples. control: PDF Viewer platform: document-processing diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md index 4fdde15479..40f7f7bba4 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/document-loading-issues.md @@ -1,6 +1,6 @@ --- layout: post -title: Fix document loading issues in v23.1+ for the Syncfusion Vue PDF Viewer component +title: Fix document loading issues in Syncfusion Vue PDF Viewer description: Resolve v23.1+ document rendering failures in the Syncfusion Vue PDF Viewer by calling dataBind before load, checking source URLs, CORS, CSP, and network. control: PDF Viewer platform: document-processing diff --git a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md index bd077499d0..bf4c21019f 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/troubleshooting/troubleshooting.md @@ -1,6 +1,6 @@ --- layout: post -title: Why manual copy from node_modules is required in the Syncfusion Vue PDF Viewer +title: Why manual node_modules copy is required in Syncfusion Vue PDF Viewer description: Learn why ej2-pdfviewer-lib assets must be copied from node_modules without a bundler and when to reference them directly in the Syncfusion Vue PDF Viewer. control: PDF Viewer platform: document-processing @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Why Do I Have to Manually Copy Files from node_modules into My Vue App? +# Why You Must Manually Copy Files from node_modules in a Vue App? The PDF Viewer supports multiple build systems and can work without a bundler by referencing assets directly using HTML tags. To keep load times efficient, the library is split into smaller modules and uses lazy loading for certain assets. From 0b44d121cb3d1c1edadaf31f643484b0f1ceeeb4 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 13:52:04 +0530 Subject: [PATCH 7/8] Task(1044032): Revamped the UG documentation for the Localization and Print samples in the Vue PDF Viewer platform --- .../vue/Localization/default-language.md | 16 ++++++++-------- .../PDF-Viewer/vue/Localization/new-language.md | 4 ++-- .../vue/Localization/rtl-language-support.md | 8 ++++---- .../vue/print/enable-print-rotation.md | 2 +- .../PDF/PDF-Viewer/vue/print/events.md | 4 ++-- .../PDF/PDF-Viewer/vue/print/overview.md | 14 +++++++------- .../PDF/PDF-Viewer/vue/print/print-modes.md | 4 ++-- .../PDF/PDF-Viewer/vue/print/print-quality.md | 10 +++++----- 8 files changed, 31 insertions(+), 31 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Localization/default-language.md b/Document-Processing/PDF/PDF-Viewer/vue/Localization/default-language.md index ab021044cc..6d93a204c2 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Localization/default-language.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Localization/default-language.md @@ -149,7 +149,7 @@ The following table lists the default text values used by the PDF Viewer in the |Highlight context|Highlight| |Underline context|Underline| |Strikethrough context|Strike through| -|Server error|Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue.| +|Server error|Web-service is not listening. PDF Viewer depends on web-service for all its features. Please start the web service to continue.| |Open text|Open| |First text|First Page| |Previous text|Previous Page| @@ -189,15 +189,15 @@ The following table lists the default text values used by the PDF Viewer in the |Add circle|Add Circle| |Add polygon|Add Polygon| |Add Comments|Add Comments| -|Comments| Comments| +|Comments|Comments| |No Comments Yet|No Comments Yet| -|Accepted| Accepted| -|Completed| Completed| -|Cancelled| Cancelled| -|Rejected| Rejected| +|Accepted|Accepted| +|Completed|Completed| +|Cancelled|Cancelled| +|Rejected|Rejected| |Leader Length|Leader Length| |Scale Ratio|Scale Ratio| -|Calibrate| Calibrate| +|Calibrate|Calibrate| |Calibrate Distance|Calibrate Distance| |Calibrate Perimeter|Calibrate Perimeter| |Calibrate Area|Calibrate Area| @@ -234,7 +234,7 @@ The following table lists the default text values used by the PDF Viewer in the |Text Align|Text Align| |Text Properties|Text Properties| |Draw Signature|Draw Signature| -|Create| Create| +|Create|Create| |Font family|Font Family| |Font size|Font Size| |Free Text|Free Text| diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Localization/new-language.md b/Document-Processing/PDF/PDF-Viewer/vue/Localization/new-language.md index 05d0538947..d4c52673c1 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Localization/new-language.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Localization/new-language.md @@ -24,7 +24,7 @@ Use the Vue PDF Viewer’s [locale](https://ej2.syncfusion.com/vue/documentation ## Quick start (set German) 1. **Load translations** with `L10n.load` at app start (only include the keys you want to change). -2. **Set the culture** by passing `locale` value to ``. +2. **Set the culture** by passing the `locale` value to ``. 3. **Render the viewer** as usual. Missing keys will automatically fall back to `en-US`. {% tabs %} @@ -99,7 +99,7 @@ export default { L10n.load({ 'de': { 'PdfViewer': { - 'PdfViewer': 'PDF-Viewer', + 'PdfViewer': 'PDF-Viewer', 'Cancel': 'Abbrechen', 'Download file': 'Datei herunterladen', 'Download': 'Herunterladen', diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Localization/rtl-language-support.md b/Document-Processing/PDF/PDF-Viewer/vue/Localization/rtl-language-support.md index 3e82c83b89..072c96f6c4 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/Localization/rtl-language-support.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/Localization/rtl-language-support.md @@ -1,14 +1,14 @@ --- layout: post title: RTL Localization in Vue PDF Viewer | Syncfusion -description: Learn about the Localization and Right to Left Lanugage Support in Syncfusion Vue PDF Viewer component. +description: Learn about the Localization and Right to Left Language Support in Syncfusion Vue PDF Viewer component. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# RTL and Localization Page in Vue PDF Viewer +# RTL and Localization in Vue PDF Viewer Use RTL support to render the viewer interface for right-to-left languages. - Enable [enableRtl](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#enablertl) to apply right-to-left layout. @@ -90,7 +90,7 @@ export default { ], }, }; -//Load culutre files here +//Load culture files here L10n.load({ 'ar-AE': { 'PdfViewer': { @@ -162,7 +162,7 @@ export default { 'End Arrow': 'نهاية السهم', 'Line Style': 'أسلوب الخط', 'Fill Color': 'ملء اللون', - 'Line Color': ' الخط اللون', + 'Line Color': 'لون الخط', 'None': 'لا شيء', 'Open Arrow': 'افتح', 'Closed Arrow': 'مغلق', diff --git a/Document-Processing/PDF/PDF-Viewer/vue/print/enable-print-rotation.md b/Document-Processing/PDF/PDF-Viewer/vue/print/enable-print-rotation.md index b171f911d0..90bf729376 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/print/enable-print-rotation.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/print/enable-print-rotation.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Enable print rotation in Vue PDF Viewer -This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprintrotation) when printing documents that include landscape pages and you want them rotated to match the printer paper orientation. +This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprintrotation) when printing documents that include landscape pages, and you want them rotated to match the printer paper orientation. ## Prerequisites diff --git a/Document-Processing/PDF/PDF-Viewer/vue/print/events.md b/Document-Processing/PDF/PDF-Viewer/vue/print/events.md index 1e6807f66a..b52e172287 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/print/events.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/print/events.md @@ -1,7 +1,7 @@ --- layout: post title: Print Events in Vue PDF Viewer | Syncfusion -description: Learn how to configure print events and track usage and implements workflows in the Syncfusion Vue PDF Viewer component. +description: Learn how to configure print events and track usage and implement workflows in the Syncfusion Vue PDF Viewer component. platform: document-processing control: Print documentation: ug @@ -111,7 +111,7 @@ export default { This event is emitted after the printing completes. Use to finalize analytics, clear temporary state, or notify users. -Arguments - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/printendeventargs)): +**Arguments** - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/printendeventargs)): - `fileName` - The printed document name. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/print/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/print/overview.md index bd2283f5eb..b454fd74d3 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/print/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/print/overview.md @@ -16,7 +16,7 @@ Select **Print** in the built-in toolbar to open the browser print dialog. ![Browser print dialog from PDF Viewer](../../javascript-es6/images/print.gif) -## Enable or Disable Print in Vue PDF Viewer +## Enable or Disable print in Vue PDF Viewer The Syncfusion Vue PDF Viewer component lets users print a loaded PDF document through the built-in toolbar or programmatic calls. Control whether printing is available by setting the [`enablePrint`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprint) property (`true` enables printing; `false` disables it). @@ -174,12 +174,12 @@ export default { ## Key capabilities -- Enable or disable printing with the [`enablePrint`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprint) property +- Enable or disable printing with the [`enablePrint`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#enableprint) property. - Start printing from UI (toolbar Print) or programmatically using [`print.print()`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/print#print-1). -- Control output quality with the [`printScaleFactor`](./print-quality) property (0.5–5) -- Auto‑rotate pages during print using [`enablePrintRotation`](./enable-print-rotation) -- Choose where printing happens with [`printMode`](./print-modes) (Default or NewWindow) -- Track the life cycle with [`printStart` and `printEnd` events](./events) +- Control output quality with the [`printScaleFactor`](./print-quality) property (0.5–5). +- Auto‑rotate pages during print using [`enablePrintRotation`](./enable-print-rotation). +- Choose where printing happens with [`printMode`](./print-modes) (Default or NewWindow). +- Track the life cycle with [`printStart` and `printEnd` events](./events). ## Troubleshooting @@ -188,7 +188,7 @@ export default { [View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) -## See Also +## See also - [Print quality](./print-quality) - [Enable print rotation](./enable-print-rotation) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/print/print-modes.md b/Document-Processing/PDF/PDF-Viewer/vue/print/print-modes.md index ec77674c79..5e242fb116 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/print/print-modes.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/print/print-modes.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Print Modes in the Vue PDF Viewer +# Print modes in Vue PDF Viewer This guide shows how to set the PDF Viewer [`printMode`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#printmode) so PDFs print from the current window or from a new window/tab. @@ -99,7 +99,7 @@ export default { **Step 3:** Print mode can also be changed at runtime after the viewer is created: -```html +```js // switch to NewWindow at runtime pdfviewer.ej2Instances.printMode = 'NewWindow'; ``` diff --git a/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md b/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md index 9673cd7665..6f0cf21a3e 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md @@ -1,14 +1,14 @@ --- layout: post title: Customize Print Quality in Vue PDF Viewer | Syncfusion -description: Learn here all about how to customize print quality for PDF Documents in the Syncfusion Vue PDF Viewer component. +description: Learn how to customize print quality for PDF documents in the Syncfusion Vue PDF Viewer component. platform: document-processing control: Print documentation: ug domainurl: ##DomainURL## --- -# Customize Print Quality in Vue PDF Viewer +# Customize print quality in Vue PDF Viewer This article shows a concise, task-oriented workflow to set and verify print quality for documents rendered by the Vue PDF Viewer by using the [`printScaleFactor`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#printscalefactor) property. @@ -98,9 +98,9 @@ export default { ### 3. Set `printScaleFactor` after instantiation -As an alternative option, the [`printScaleFactor`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#printscalefactor) can be dynamically changed during runtime +As an alternative option, the [`printScaleFactor`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#printscalefactor) can be dynamically changed during runtime. -{% highlight html %} +{% highlight js %} // Update printScaleFactor at runtime pdfviewer.ej2Instances.printScaleFactor = 2; // increase print resolution for upcoming prints {% endhighlight %} @@ -116,7 +116,7 @@ Use browser Print Preview or produce a printed/PDF copy to confirm sharpness and [View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples) -## See Also +## See also - [Overview](./overview) - [Enable print rotation](./enable-print-rotation) From bd251683b294af9c35a11cb06cbff82e7bf862c4 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Wed, 29 Jul 2026 14:11:07 +0530 Subject: [PATCH 8/8] Task(1044032): Resolved the CI failure --- Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md b/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md index 6f0cf21a3e..705daee8af 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/print/print-quality.md @@ -1,7 +1,7 @@ --- layout: post title: Customize Print Quality in Vue PDF Viewer | Syncfusion -description: Learn how to customize print quality for PDF documents in the Syncfusion Vue PDF Viewer component. +description: Learn how to customize the print quality of PDF documents in the Syncfusion Vue PDF Viewer component using printScaleFactor. platform: document-processing control: Print documentation: ug