Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
@@ -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
Expand Down Expand Up @@ -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);
}
}

Expand Down Expand Up @@ -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);
}
}

Expand All @@ -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)
Original file line number Diff line number Diff line change
@@ -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 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
Expand Down Expand Up @@ -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)

Expand Down Expand Up @@ -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)
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
- [Reorder pages in Organize Pages](./reorder-pages)
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
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
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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)
Original file line number Diff line number Diff line change
Expand Up @@ -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" %}
Expand Down Expand Up @@ -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.
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
6 changes: 3 additions & 3 deletions Document-Processing/PDF/PDF-Viewer/angular/print/events.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:**

Expand Down Expand Up @@ -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.

Expand Down
4 changes: 2 additions & 2 deletions Document-Processing/PDF/PDF-Viewer/angular/print/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -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" %}
Expand Down Expand Up @@ -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)
- Autorotate 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)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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**.
Expand Down Expand Up @@ -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
Expand Down
Loading