Skip to content
Merged
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
230 changes: 115 additions & 115 deletions Document-Processing-toc.html

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Organize Pages Events in PDF Viewer | Syncfusion
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.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# Organize Pages Events in PDF Viewer
# Organize Pages Events in Angular PDF Viewer

The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Organize Pages in Mobile PDF Viewer | Syncfusion
title: Organize Pages in Mobile PDF Viewer Angular | Syncfusion
description: Learn how to organize pages in the mobile PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# Organize Pages in Mobile PDF Viewer
# Organize Pages in Mobile PDF Viewer Angular

The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,9 +31,9 @@ For a full guide to Organize Pages in Angular, see the feature landing page: [Or

See also:

- [UI interactions for Organize Pages](./organize-pdf/ui-interactions-organize-page)
- [Toolbar items for Organize Pages](./organize-pdf/toolbar-organize-page)
- [Programmatic support for Organize Pages](./organize-pdf/programmatic-support-for-organize-page)
- [Organize Pages events](./organize-pdf/organize-pdf-events)
- [Organize Pages in mobile view](./organize-pdf/organize-page-mobile-view)
- [UI interactions for Organize Pages](./organize-page/ui-interactions-organize-page)
- [Toolbar items for Organize Pages](./organize-page/toolbar-organize-page)
- [Programmatic support for Organize Pages](./organize-page/programmatic-support-for-organize-page)
- [Organize Pages events](./organize-page/organize-pdf-events)
- [Organize Pages in mobile view](./organize-page/organize-page-mobile-view)

Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Programmatic Support for Organize Pages in Angular PDF Viewer control | Syncfusion
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.
platform: document-processing
control: PDF Viewer
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Organize Page Toolbar Customization in Angular PDF Viewer control | Syncfusion
title: Organize Page Toolbar in Angular PDF Viewer control | Syncfusion
description: Learn here all about Organize Page Toolbar Customization in Syncfusion Angular PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: UI Interactions for Organizing Pages in Angular PDF Viewer | Syncfusion
description: Learn about the UI interactions for organizing pages in the Syncfusion Angular PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages.
title: UI Interaction for Organize Pages in Angular PDF Viewer | Syncfusion
description: Learn about the UI interactions for organize pages in the Angular PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages.
platform: document-processing
control: PDF Viewer
documentation: ug
Expand All @@ -12,24 +12,22 @@ domainurl: ##DomainURL##

The PDF Viewer provides an intuitive user interface for managing and organizing pages within a PDF document. This section covers the various UI interactions available in the `Organize Pages` dialog.



## Rotating PDF pages

You can adjust the orientation of pages to ensure proper alignment. The rotate icon in the Organize Pages dialog provides the following options:

* **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise.
* **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise.

![Alt text](../images/rotate-rearrange.gif)
![Rotating](../images/rotate-rearrange.gif)

## Rearranging PDF pages

Easily change the sequence of pages using the drag-and-drop method:

* **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages.

![Alt text](../images/rotate-rearrange.gif)
![Rearranging](../images/rotate-rearrange.gif)

## Inserting new pages

Expand All @@ -38,7 +36,7 @@ Effortlessly add blank pages to your document with the following options:
* **Insert blank page left**: Insert a blank page to the left of the selected page.
* **Insert blank page right**: Insert a blank page to the right of the selected page.

![Alt text](../images/insert-delete-copy.gif)
![insert](../images/organize-insert.png)

## Deleting PDF pages

Expand All @@ -47,7 +45,7 @@ Remove unwanted pages from your document with these steps:
1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once.
2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.

![Alt text](../images/insert-delete-copy.gif)
![Delete](../images/organize-delete.png)

## Copying PDF pages

Expand All @@ -56,21 +54,21 @@ Duplicate pages within your PDF document effortlessly:
* **Select pages to copy**: Click on the page thumbnails you wish to duplicate.
* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages.

![Alt text](../images/insert-delete-copy.gif)
![Copying](../images/organize-copy.png)

## Importing a PDF document

Seamlessly import another PDF document into your current document:

* **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document will be inserted as a thumbnail. If a page is selected, the thumbnail will be added to its right. If no pages are selected, it will be added as the first page. The imported PDF will be merged with the current document upon saving.

![Alt text](../images/import.gif)
![Importing](../images/import.gif)

## Selecting all pages

Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once.

![Alt text](../images/selectall.png)
![Selecting](../images/selectall.png)

## Zooming page thumbnails

Expand All @@ -80,7 +78,7 @@ Adjust the size of page thumbnails for better visibility and precision:
* Zoom in to see more detail on each page.
* Zoom out to view more pages at once.

![Alt text](../images/zoomOrganize.png)
![Zooming](../images/zoomOrganize.png)

## Real-time updates and saving

Expand All @@ -94,4 +92,4 @@ The following keyboard shortcuts are available in the Organize Pages dialog:
* **Ctrl+Y**: Redo the last undone action.
* **Ctrl+Scroll**: Zoom in and out on page thumbnails for better visibility.

![Alt text](../images/undo-redo.png)
![Keyboard](../images/undo-redo.png)

This file was deleted.

Original file line number Diff line number Diff line change
@@ -1,15 +1,14 @@
---
layout: post
title: Annotation Toolbar Customization in Angular PDF Viewer control | Syncfusion
title: Annotation Toolbar in Angular PDF Viewer control | Syncfusion
description: Learn here all about annotation toolbar customization in Syncfusion Angular PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Annotation Toolbar Customization
publishingplatform: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# Annotation Toolbar Customization
# Annotation Toolbar Customization in Angular PDF Viewer

The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
---
layout: post
title: Toolbar in Angular PDF Viewer component | Syncfusion
description: Learn here all about Toolbar in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
title: Custom Toolbar in Angular PDF Viewer | Syncfusion
description: Learn here all about Custom Toolbar in Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# Custom Toolbar
# Custom Toolbar in Angular PDF Viewer

The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar.

Follow these steps to create a custom toolbar for the PDF Viewer:

**Step 1: Create a simple PDF Viewer sample.**

Follow the steps provided in the [getting started](https://ej2.syncfusion.com/angular/documentation/pdfviewer/getting-started/) guide to create a basic PDF Viewer sample.
Follow the steps provided in the [getting started](https://ej2.syncfusion.com/angular/documentation/pdfviewer/getting-started) guide to create a basic PDF Viewer sample.

**Step 2: Add HTML elements for the custom toolbar.**

Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Form Designer Toolbar Customization in Angular PDF Viewer Component | Syncfusion
title: Form Designer Toolbar in Angular PDF Viewer Component | Syncfusion
description: Learn here all about form designer toolbar customization in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# Form Designer Toolbar Customization
# Form Designer Toolbar Customization in Angular

The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Primary Toolbar Customization in Angular PDF Viewer Component | Syncfusion
title: Primary Toolbar in Angular PDF Viewer Component | Syncfusion
description: Learn here all about primary toolbar customization in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---

# Primary Toolbar Customization in PDF Viewer Control
# Primary Toolbar Customization in Angular PDF Viewer

The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be placed at specific index positions among the existing items.

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -138,5 +138,5 @@ Here is an example of how to use the getBookmarks method:

## See also

* [Toolbar items](../toolbar)
* [Toolbar items](../toolbar-customization)
* [Feature Modules](../feature-module)
Original file line number Diff line number Diff line change
Expand Up @@ -40,5 +40,5 @@ You can enable/disable thumbnail navigation by using the following code snippet.

## See also

* [Toolbar items](../toolbar)
* [Toolbar items](../toolbar-customization)
* [Feature Modules](../feature-module)
Original file line number Diff line number Diff line change
Expand Up @@ -135,5 +135,5 @@ Also, you can programmatically perform page navigation options as follows.

## See also

* [Toolbar items](../toolbar)
* [Toolbar items](../toolbar-customization)
* [Feature Modules](../feature-module)
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Organize Pages in Mobile PDF Viewer | Syncfusion
description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
title: Organize Pages in Mobile PDF Viewer ASP.NET Core | Syncfusion
description: Learn how to organize pages in the mobile PDF viewer ASP.NET Core, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ Effortlessly add blank pages to your document with the following options:
* **Insert blank page left**: Insert a blank page to the left of the selected page.
* **Insert blank page right**: Insert a blank page to the right of the selected page.

![insert](../images/insert-delete-copy.gif)
![insert](../images/organize-insert.png)

## Deleting PDF pages

Expand All @@ -46,7 +46,7 @@ Remove unwanted pages from your document with these steps:
1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once.
2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.

![Delete](../images/insert-delete-copy.gif)
![Delete](../images/organize-delete.png)

## Copying PDF pages

Expand All @@ -55,21 +55,21 @@ Duplicate pages within your PDF document effortlessly:
* **Select pages to copy**: Click on the page thumbnails you wish to duplicate.
* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages.

![Alt text](../images/insert-delete-copy.gif)
![Copying](../images/organize-copy.png)

## Importing a PDF document

Seamlessly import another PDF document into your current document:

* **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document will be inserted as a thumbnail. If a page is selected, the thumbnail will be added to its right. If no pages are selected, it will be added as the first page. The imported PDF will be merged with the current document upon saving.

![Alt text](../images/import.gif)
![Importing](../images/import.gif)

## Selecting all pages

Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once.

![Alt text](../images/selectall.png)
![Selecting](../images/selectall.png)

## Zooming page thumbnails

Expand All @@ -79,7 +79,7 @@ Adjust the size of page thumbnails for better visibility and precision:
* Zoom in to see more detail on each page.
* Zoom out to view more pages at once.

![Alt text](../images/zoomOrganize.png)
![Zooming](../images/zoomOrganize.png)

## Real-time updates and saving

Expand All @@ -93,4 +93,4 @@ The following keyboard shortcuts are available in the Organize Pages dialog:
* **Ctrl+Y**: Redo the last undone action.
* **Ctrl+Scroll**: Zoom in and out on page thumbnails for better visibility.

![Alt text](../images/undo-redo.png)
![Keyboard](../images/undo-redo.png)
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ title: Annotation Toolbar in ASP.NET Core PDF Viewer control | Syncfusion
description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Annotation Toolbar Customization
publishingplatform: PDF Viewer
documentation: ug
---

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Form Designer Toolbar in ASP.NET Core PDF Viewer Component | Syncfusion
title: Form Designer Toolbar in ASP.NET Core PDF Viewer | Syncfusion
description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: PDF Viewer
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading