From 768aa21048fe596c08433d2fc9bb0019302b2c3b Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Sat, 25 Jul 2026 20:24:34 +0530 Subject: [PATCH 1/4] Task(1043468): Revamped the UG documentation for the organize-pages, troubleshooting and print samples in the Angular platform. --- .../angular/organize-pages/copy-pages.md | 2 +- .../PDF-Viewer/angular/organize-pages/events.md | 14 +++++++------- .../angular/organize-pages/extract-pages.md | 13 ++++++------- .../angular/organize-pages/import-pages.md | 4 ++-- .../angular/organize-pages/insert-blank-pages.md | 4 ++-- .../angular/organize-pages/mobile-view.md | 2 +- .../PDF-Viewer/angular/organize-pages/overview.md | 2 -- .../angular/organize-pages/programmatic-support.md | 6 +++--- .../angular/organize-pages/remove-pages.md | 2 +- .../angular/organize-pages/reorder-pages.md | 4 ++-- .../angular/organize-pages/rotate-pages.md | 4 ++-- .../PDF-Viewer/angular/organize-pages/toolbar.md | 4 ++-- .../angular/organize-pages/zoom-pages.md | 2 +- .../angular/print/enable-print-rotation.md | 4 ++-- .../PDF/PDF-Viewer/angular/print/events.md | 6 +++--- .../PDF/PDF-Viewer/angular/print/overview.md | 4 ++-- .../PDF/PDF-Viewer/angular/print/print-modes.md | 2 +- .../PDF/PDF-Viewer/angular/print/print-quality.md | 6 +++--- ...rs-when-ej2-pdfviewer-lib-assets-are-missing.md | 2 +- .../troubleshooting/cp-command-not-recognized.md | 2 +- .../troubleshooting/document-loading-issues.md | 5 +++-- .../angular/troubleshooting/troubleshooting.md | 2 +- 22 files changed, 47 insertions(+), 49 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/copy-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/copy-pages.md index 9e5b56e2aa..ad9e919877 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/copy-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/copy-pages.md @@ -25,7 +25,7 @@ This guide explains how to duplicate pages within the current PDF using the Orga 1. Open the Organize Pages view - - Click the **Organize Pages** button in the viewer toolbar to open the Organize Pages dialog. + - Click the **Organize Pages** button in the viewer navigation toolbar to open the Organize Pages dialog. 2. Select pages to duplicate diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/events.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/events.md index 8e9ea3f3d8..16ccfa82ab 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/events.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/events.md @@ -1,7 +1,7 @@ --- layout: post title: Organize Pages Events in Angular 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 about the organize pages events in the Angular PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages. platform: document-processing control: PDF Viewer documentation: ug @@ -93,8 +93,8 @@ export class AppComponent implements OnInit { } onPageOrganizerSaveAs(args: PageOrganizerSaveAsEventArgs): void { - console.log('File Name is' + args.fileName); - console.log('Document data' + args.downloadDocument); + console.log('File Name is ' + args.fileName); + console.log('Document data ' + args.downloadDocument); } } @@ -182,8 +182,8 @@ export class AppComponent implements OnInit { } onPageOrganizerZoomChanged(args: PageOrganizerZoomChangedEventArgs): void { - console.log('Previous Zoom Value is' + args.previousZoom); - console.log('Current Zoom Value is' + args.currentZoom); + console.log('Previous Zoom Value is ' + args.previousZoom); + console.log('Current Zoom Value is ' + args.currentZoom); } } @@ -192,6 +192,6 @@ export class AppComponent implements OnInit { ## Related event documentation -- Overall Viewer events: [Event](../event) +- Overall Viewer events: [Event](../events) - Annotation events: [Annotation events](../annotation/annotation-event) -- Form designer events: [Form field events](../form-designer/form-field-events) +- Form designer events: [Form field events](../forms/form-field-events) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md index b5c67bad76..911d760ceb 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md @@ -1,7 +1,7 @@ --- layout: post title: Extract Pages in Angular PDF Viewer | Syncfusion -description: Learn here all about Extract Pages in Organize Pages in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more. +description: Learn how to extract pages using the Organize Pages UI in the Syncfusion Angular PDF Viewer. platform: document-processing control: PDF Viewer documentation: ug @@ -37,7 +37,7 @@ You can extract by typing page numbers/ranges or by selecting thumbnails. ![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png) -Note: Page numbers are 1-based (the first page is 1). Invalid or out-of-range entries are ignored; only valid pages are processed. Consider validating input before extraction to ensure expected results. +> Note: Page numbers are 1-based (the first page is 1). Invalid or out-of-range entries are ignored; only valid pages are processed. Consider validating input before extraction to ensure expected results. ## Extraction options (checkboxes) @@ -269,9 +269,8 @@ export class AppComponent implements OnInit { ## See also -- [Overview](../overview) -- [UI interactions](../ui-interactions) -- [Programmatic support](../programmatic-support) -- [Toolbar](../toolbar) +- [Overview](./overview) +- [Programmatic support](./programmatic-support) +- [Toolbar](./toolbar) - [Events](../events) -- [Mobile view](../mobile-view) +- [Mobile view](./mobile-view) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md index aa17ab7a43..c5afea0d21 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md @@ -19,7 +19,7 @@ This guide explains how to import pages from another PDF into the current docume ## Prerequisites - EJ2 Angular PDF Viewer installed -- PDF Viewer is injected with `PageOrganizer` service +- PDF Viewer is injected with `PageOrganizer` module - [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) (standalone) or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) (server-backed) configured when required ## Steps @@ -54,7 +54,7 @@ To enable or disable the **Import Pages** button in the Organize Pages toolbar, - **Import fails**: Ensure the selected file is a valid PDF and the browser file picker is permitted. - **Imported pages not visible**: Confirm that the import is persisted using **Save** or **Save As**. -- **Import option disabled**: Ensure [`pageOrganizerSettings.canImport`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canimport) is set to `true` to enable import option. +- **Import option disabled**: Ensure [`pageOrganizerSettings.canImport`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canimport) is set to `true` to enable the import option. ## Related topics diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md index 91cc5ad4c4..7b6392e4f9 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md @@ -58,11 +58,11 @@ To enable or disable the **Insert Pages** button in the page thumbnails, update - **Organize Pages button missing**: Verify `PageOrganizer` is included in `Inject` and `Toolbar` is enabled. - **Inserted page not saved**: Confirm [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) is configured for your selected processing mode. -- **Insert options disabled**: Ensure [`pageOrganizerSettings.canInsert`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#caninsert) is set to `true` to enable insert option. +- **Insert options disabled**: Ensure [`pageOrganizerSettings.canInsert`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#caninsert) is set to `true` to enable the insert option. ## Related topics - [Organize pages toolbar customization](./toolbar) - [Organize pages event reference](./events) - [Remove pages in Organize Pages](./remove-pages) -- [Reorder pages in Organize Pages](./remove-pages) \ No newline at end of file +- [Reorder pages in Organize Pages](./reorder-pages) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md index 6be60daa8a..feca4d2d08 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md @@ -14,7 +14,7 @@ The PDF Viewer provides a mobile-responsive layout for the `Organize Pages` feat ## Mobile-friendly toolbar -In mobile view the `Organize Pages` toolbar appears at the bottom of the screen for easier one-handed access. The toolbar exposes the same tools as the desktop layout (insert, delete, rotate, etc.) in a touch-optimized arrangement. +In mobile view, the `Organize Pages` toolbar appears at the bottom of the screen for easier one-handed access. The toolbar exposes the same tools as the desktop layout (insert, delete, rotate, etc.) in a touch-optimized arrangement. ## Context Menu for Page Operations diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md index aaef5287a7..d94c3addd3 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md @@ -30,8 +30,6 @@ The Organize Pages panel supports the following actions: 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 Angular, see the feature landing page: [Organize pages in Angular PDF Viewer](./organize-pdf). - See also: - [Toolbar customization for Organize Pages](./toolbar) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md index 3bd7fdbf19..f5a7526b3c 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md @@ -1,14 +1,14 @@ --- layout: post -title: Programmatical Organize Pages in Angular PDF Viewer | Syncfusion -description: Learn here all about Programmatic Support for Organize Pages in Syncfusion Angular PDF Viewer control of Syncfusion Essential JS 2 and more. +title: Programmatic Organize Pages in Angular PDF Viewer | Syncfusion +description: Learn all about Programmatic Support for Organize Pages in Syncfusion Angular PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Programmatic Support for Organize Pages in Angular PDF Viewer control +# Programmatic Support for Organize Pages in the Angular PDF Viewer control The PDF Viewer exposes programmatic APIs for organizing pages so applications can integrate page-management workflows (for example: enable/disable organizer, open/close the organizer, and customize behavior). This section documents the available properties, methods, and settings used to control the Organize Pages experience. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md index 030afb13e0..feb44667a1 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md @@ -19,7 +19,7 @@ This guide shows how to delete single or multiple pages from a PDF using the **O ## Prerequisites - EJ2 Angular PDF Viewer installed in your project -- Basic PDF Viewer setup ([`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) for standalone mode or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) for server-backed mode) +- Basic PDF Viewer setup: use [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) for standalone mode or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) for server-backed mode ## Steps diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md index 0db6e4c183..e6f59245ef 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md @@ -53,11 +53,11 @@ This guide describes how to rearrange pages in a PDF using the **Organize Pages* ## Enable or disable reorder option -To enable or disable the **Reorder pages** option in the Organize Pages, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-rearrange-option) for the guidelines +To enable or disable the **Reorder pages** option in the Organize Pages, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-rearrange-option) for the guidelines. ## Troubleshooting -- **Thumbnails won't move**: Confirm [`pageOrganizerSettings.canRearrange`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canrearrange) is is not set to `false`. +- **Thumbnails won't move**: Confirm [`pageOrganizerSettings.canRearrange`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canrearrange) is not set to `false`. - **Changes not saved**: Verify [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) (server) or [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) (standalone) is configured correctly. ## Related topics diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md index 13321a8685..f3d9e15e2f 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md @@ -61,7 +61,7 @@ This guide explains how to rotate individual or multiple pages using the **Organ ## Enable or disable Rotate Pages button -To enable or disable the **Rotate Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-rotate-option) for the guidelines +To enable or disable the **Rotate Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-rotate-option) for the guidelines. ## Troubleshooting @@ -70,5 +70,5 @@ To enable or disable the **Rotate Pages** button in the Organize Pages toolbar, ## Related topics -- [Organize page toolbar customization](./toolbar.md) +- [Organize pages toolbar customization](./toolbar.md) - [Organize pages event reference](./events) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md index f481928946..0da066ae2d 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md @@ -14,7 +14,7 @@ The PDF Viewer lets applications customize the Organize Pages toolbar to enable ## Show or hide the insert option -The `canInsert` property controls the insert tool visibility. Set it to `false` to disable the insert tool. +The `canInsert` property controls the insert tool interaction. Set it to `false` to disable the insert tool. {% tabs %} {% highlight ts tabtitle="Standalone" %} @@ -401,4 +401,4 @@ The `canRearrange` property controls whether pages can be rearranged. Set it to ## Show or hide the zoom pages option -The `showImageZoomingSlider` property controls the zooming tool visibility. Set it to `false` to hide the zoom page tool. +The `showImageZoomingSlider` property controls the zooming tool visibility. Set it to `false` to hide the zoom pages slider. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md index 5c117060a1..59b08398f7 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md @@ -48,7 +48,7 @@ This guide explains how to change the thumbnail zoom level in the **Organize Pag ## Show or hide Zoom Pages button -To enable or disable the **Zoom Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#show-or-hide-the-zoom-pages-option) for the guidelines +To enable or disable the **Zoom Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#show-or-hide-the-zoom-pages-option) for the guidelines. ## Troubleshooting diff --git a/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md b/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md index fdb3a41a95..2b9178d18b 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md @@ -18,8 +18,8 @@ This guide shows how to enable automatic rotation of landscape pages during prin ## Steps to enable print rotation -1. Inject the required modules (including [`Print`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/print)) into [`PdfViewerComponent`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer). -2. Set [`enablePrintRotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enableprintrotation) to `true` in the PDF Viewer during initialization. +1. Inject the required modules, including [`Print`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/print), into [`PdfViewerComponent`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer). +2. Set [`enablePrintRotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enableprintrotation) to `true` during PDF Viewer initialization. ## Example diff --git a/Document-Processing/PDF/PDF-Viewer/angular/print/events.md b/Document-Processing/PDF/PDF-Viewer/angular/print/events.md index 937355686e..934527b700 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/print/events.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/print/events.md @@ -21,14 +21,14 @@ This page lists each event emitted by the Angular PDF Viewer's [`Print`](https:/ ### `printStart` -This event is emitted when printing is initiated by toolbar or through programmatic API. Use to validate prerequisites, record analytics, or cancel printing. +This event is emitted when printing is initiated by the toolbar or through the programmatic API. Use it to validate prerequisites, record analytics, or cancel printing. **Arguments** - ([`PrintStartEventArgs`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printstarteventargs)): - `fileName` - The document file name being printed. - `cancel` - Default: `false`. Set to `true` to cancel the print operation. -Setting `args.cancel = true` prevents the client-side print flow; for server-backed printing it prevents the service request that produces print output. Find the code example [here](../security/restricting-download-and-print#3-block-print-with-the-printstart-event) +Setting `args.cancel = true` prevents the client-side print flow; for server-backed printing it prevents the service request that produces print output. See the code example [here](../../react/security/restricting-download-and-print#3-block-print-with-the-printstart-event). **Minimal usage example:** @@ -110,7 +110,7 @@ export class AppComponent implements OnInit { This event is emitted after the printing completes. Use to finalize analytics, clear temporary state, or notify users. -Arguments - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printendeventargs)): +Arguments: ([`PrintEndEventArgs`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printendeventargs)): - `fileName` - The printed document name. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/print/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/print/overview.md index a448ce665f..7438e76889 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/print/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/print/overview.md @@ -94,7 +94,7 @@ export class AppComponent implements OnInit { ## Print programmatically in Angular PDF Viewer -To start printing from code, call the [`pdfviewer.print.print()`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/print#print-1) method after the document is fully loaded. This approach is useful when wiring up custom UI or initiating printing automatically; calling print before the document finishes loading can result in no output or an empty print dialog. +To start printing from code, call the [`pdfviewer.print.print()`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/print#print-1) method after the document is fully loaded. This approach is useful when wiring up custom UI or initiating printing automatically. Calling print before the document finishes loading can result in no output or an empty print dialog. {% tabs %} {% highlight ts tabtitle="Standalone" %} @@ -155,7 +155,7 @@ export class AppComponent { - Enable or disable printing with the [`enablePrint`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enableprint) property - Start printing from UI (toolbar Print) or programmatically using [`print.print()`](https://ej2.syncfusion.com/angular/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) +- 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) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/print/print-modes.md b/Document-Processing/PDF/PDF-Viewer/angular/print/print-modes.md index 1c732426e2..706bc63ca8 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/print/print-modes.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/print/print-modes.md @@ -107,7 +107,7 @@ pdfviewer.printMode = 'NewWindow'; - `Default`: Print from the same window (default). - `NewWindow`: Print from a new window or tab. -N> Browser pop-up blockers must allow new windows or tabs when using `pdfviewer.printMode = "NewWindow"`. +Note: Browser pop-up blockers must allow new windows or tabs when using `pdfviewer.printMode = "NewWindow"`. [View live examples and samples on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/print/print-quality.md b/Document-Processing/PDF/PDF-Viewer/angular/print/print-quality.md index d6f8cc7aa9..7d0c430b8f 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/print/print-quality.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/print/print-quality.md @@ -16,7 +16,7 @@ This article shows a concise, task-oriented workflow to set and verify print qua ## Steps -### 1. Choose a target print quality. +### 1. Choose a target print quality - Valid [`printScaleFactor`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#printscalefactor) values: **0.5 – 5**. Higher values increase image sharpness and resource use. - Default value: **1**. @@ -96,11 +96,11 @@ export class AppComponent implements OnInit { ### 3. Set `printScaleFactor` after instantiation -As an alternative option, the [`printScaleFactor`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#printscalefactor) can be dynamically changed during runtime +As an alternative option, the [`printScaleFactor`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#printscalefactor) can be dynamically changed during runtime. {% highlight ts %} // Update printScaleFactor at runtime -pdfviewer.printScaleFactor = 2; // increase print resolution for upcoming prints +this.pdfviewerControl.printScaleFactor = 2; // increase print resolution for upcoming prints {% endhighlight %} ### 4. Verify output diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md index 9324870ed4..fb33b81852 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md @@ -18,7 +18,7 @@ To troubleshoot and resolve this error, follow these steps: 2. **Network and CORS:** Use the browser developer tools to confirm the asset requests return HTTP 200. If the assets are hosted on a different origin, configure appropriate CORS response headers (for example, `Access-Control-Allow-Origin`) or host the assets on the same origin to avoid cross-origin worker load failures. -N> If the `ej2-pdfviewer-lib` folder is not available in `src/assets`, copy the contents from `./node_modules/@syncfusion/ej2-pdfviewer/dist` into `src/assets/ej2-pdfviewer-lib` using the command: +Note: If the `ej2-pdfviewer-lib` folder is not available in `src/assets`, copy the contents from `./node_modules/@syncfusion/ej2-pdfviewer/dist` into `src/assets/ej2-pdfviewer-lib` using the command: ```bash cp -R ./node_modules/@syncfusion/ej2-pdfviewer/dist/ej2-pdfviewer-lib src/assets/ej2-pdfviewer-lib ``` \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md index bcf7ee0d35..95d1f62e52 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md @@ -22,4 +22,4 @@ Here, `/s` indicates that you want to copy directories and subdirectories recurs Make sure to run this command in the appropriate directory where you want to perform the copy operation. -N>: If you encounter other issues or error messages while working with the Windows Command Prompt, make sure to double-check your command syntax and file paths for accuracy. Additionally, ensure that you have the necessary permissions to perform the copy operation in the specified directories. \ No newline at end of file +Note: If you encounter other issues or error messages while working with the Windows Command Prompt, make sure to double-check your command syntax and file paths for accuracy. Additionally, ensure that you have the necessary permissions to perform the copy operation in the specified directories. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md index f6761be1cd..41ca23c4df 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md @@ -21,8 +21,9 @@ If a document does not render in the viewer when using version 23.1 or later, us function documentLoad () { var pdfviewer = (document.getElementById("pdfViewer")).ej2_instances[0]; - pdfViewer.serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"; pdfViewer.dataBind(); - pdfViewer.load("https://cdn.syncfusion.com/content/pdf/annotations.pdf",null); + pdfviewer.serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"; + pdfviewer.dataBind(); + pdfviewer.load("https://cdn.syncfusion.com/content/pdf/annotations.pdf", null); } ``` diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md index 17f53222a2..e13b2c3254 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md @@ -11,4 +11,4 @@ domainurl: ##DomainURL## # Experience the Standalone PDF Viewer Component by copying assets from node_modules into my app Copy the `ej2-pdfviewer-lib` assets from `node_modules` into the application's served assets folder so the Standalone PDF Viewer can load its worker scripts and resources at runtime. The Standalone PDF Viewer integrates across build systems and does not require a bundler when its assets are linked directly in the application. -Including these files separately enables on-demand lazy loading of large resources, preventing a single bundle from becoming excessively large. Because the viewer loads certain files dynamically, the host application must make the `ej2-pdfviewer-lib` files available (for example, under `src/assets/ej2-pdfviewer-lib`) or configure the build system (for example, add the folder to the `assets` array in `angular.json`) so the viewer can request them at runtime. \ No newline at end of file +Including these files separately enables on-demand lazy loading of large resources, preventing a single bundle from becoming excessively large. Because the viewer loads certain files dynamically, the host application must make the `ej2-pdfviewer-lib` files available under `src/assets/ej2-pdfviewer-lib` or configure the build system by adding the folder to the `assets` array in `angular.json` so the viewer can request them at runtime. \ No newline at end of file From c88451bb10a40b0d01937c027d5586424f26c106 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Sat, 25 Jul 2026 21:37:10 +0530 Subject: [PATCH 2/4] Task(1043468): Resolved the CI failure --- .../PDF/PDF-Viewer/angular/organize-pages/extract-pages.md | 2 +- .../PDF-Viewer/angular/organize-pages/programmatic-support.md | 2 +- ...common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md | 4 ++-- .../angular/troubleshooting/cp-command-not-recognized.md | 2 +- .../angular/troubleshooting/document-loading-issues.md | 4 ++-- .../PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md | 4 ++-- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md index 911d760ceb..3915fbfcee 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md @@ -1,7 +1,7 @@ --- layout: post title: Extract Pages in Angular PDF Viewer | Syncfusion -description: Learn how to extract pages using the Organize Pages UI in the Syncfusion Angular PDF Viewer. +description: Learn how to extract pages from PDF documents using the Organize Pages UI in the Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2. platform: document-processing control: PDF Viewer documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md index f5a7526b3c..7458f49998 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Programmatic Support for Organize Pages in the Angular PDF Viewer control +# Programmatic Support for Organize Pages in Angular PDF Viewer control The PDF Viewer exposes programmatic APIs for organizing pages so applications can integrate page-management workflows (for example: enable/disable organizer, open/close the organizer, and customize behavior). This section documents the available properties, methods, and settings used to control the Organize Pages experience. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md index fb33b81852..efcd899034 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/common-errors-when-ej2-pdfviewer-lib-assets-are-missing.md @@ -1,6 +1,6 @@ --- layout: post -title: Common error when assets are missing in Angular PDF Viewer | Syncfusion +title: Assets missing error in Angular PDF Viewer | Syncfusion description: Learn here about common error when ej2-pdfviewer-lib assets are missing in your app in Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope' +# Uncaught DOMException: importScripts on WorkerGlobalScope An error that can occur when the `ej2-pdfviewer-lib` assets are missing is the **Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope'**. This occurs when the PDF viewer's web worker cannot load required files such as `pdfium.js` or `pdfium.wasm`. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md index 95d1f62e52..a9685aedb8 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md @@ -1,6 +1,6 @@ --- layout: post -title: Troubleshoot 'cp' is not recognized as a command in Angular PDF Viewer control | Syncfusion +title: 'cp' is not recognized as a command in Angular PDF Viewer | Syncfusion description: Learn here all about how to solve 'cp' is not recognized as a command in Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md index 41ca23c4df..263fd0effa 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md @@ -1,13 +1,13 @@ --- layout: post -title: Document Loading Issues in Version 23.1 or Newer Angular PDF Viewer Component +title: Document Loading Issues in Syncfusion Angular PDF Viewer description: Learn here all about troubleshooting Document Loading Issues in Version 23.1 or newer in Angular PDF Viewer of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer documentation: ug --- -# Document Loading Issues in Version 23.1 or Newer +# Document Loading Issues in Version 23.1 or Newer — Angular 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/angular/troubleshooting/troubleshooting.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md index e13b2c3254..ef663c0853 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/troubleshooting.md @@ -1,6 +1,6 @@ --- layout: post -title: Copying assets from node_modules into my app in Angular PDF Viewer component | Syncfusion +title: Copying PDF Viewer Assets from node_modules in Angular | Syncfusion description: Learn here all about copying assets from node_modules into my app in Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Experience the Standalone PDF Viewer Component by copying assets from node_modules into my app +# Copying PDF Viewer Assets from node_modules in Angular Copy the `ej2-pdfviewer-lib` assets from `node_modules` into the application's served assets folder so the Standalone PDF Viewer can load its worker scripts and resources at runtime. The Standalone PDF Viewer integrates across build systems and does not require a bundler when its assets are linked directly in the application. Including these files separately enables on-demand lazy loading of large resources, preventing a single bundle from becoming excessively large. Because the viewer loads certain files dynamically, the host application must make the `ej2-pdfviewer-lib` files available under `src/assets/ej2-pdfviewer-lib` or configure the build system by adding the folder to the `assets` array in `angular.json` so the viewer can request them at runtime. \ No newline at end of file From 9f7217b2d01802deb06fa7da9830567440fd8de4 Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Sat, 25 Jul 2026 22:05:06 +0530 Subject: [PATCH 3/4] Task(1043468): Resolved the CI failure --- .../angular/troubleshooting/cp-command-not-recognized.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md index a9685aedb8..8b8f6c587d 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/cp-command-not-recognized.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Troubleshoot error 'cp' is not recognized as a command +# Resolving the 'cp' Command Not Recognized Error in Angular PDF Viewer The error message you're seeing, "'cp' is not recognized as an internal or external command," is because the `cp` command you're trying to use is not recognized on Windows command prompt. From 9390ad8a9acf17f3bbe8a35a99f46f721d54768e Mon Sep 17 00:00:00 2001 From: Dhanush Sugumaran Date: Sun, 26 Jul 2026 12:27:16 +0530 Subject: [PATCH 4/4] Task(1043468): Resolved the CI failure --- .../angular/troubleshooting/document-loading-issues.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md index 263fd0effa..e7539b8c55 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/troubleshooting/document-loading-issues.md @@ -33,7 +33,7 @@ function documentLoad () { * **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. -* **Loading sequence and Angular lifecycle:** Ensure `viewer.dataBind()` is called after the viewer instance is ready. For Angular applications, prefer the idiomatic approach using `@ViewChild` to access the component instance and invoke methods in appropriate lifecycle hooks (for example, `ngAfterViewInit`) rather than relying on direct DOM access. +* **Loading sequence and Angular life cycle:** Ensure `viewer.dataBind()` is called after the viewer instance is ready. For Angular applications, prefer the idiomatic approach using `@ViewChild` to access the component instance and invoke methods in appropriate life cycle hooks (for example, `ngAfterViewInit`) rather than relying on direct DOM access. * **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.