diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Drag_and_Drop.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Drag_and_Drop.gif new file mode 100644 index 000000000..5c5793e9f Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Drag_and_Drop.gif differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Duplicate_Pages.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Duplicate_Pages.gif new file mode 100644 index 000000000..4366ca352 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Duplicate_Pages.gif differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Extract_Pages.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Extract_Pages.gif new file mode 100644 index 000000000..34b5597b8 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Extract_Pages.gif differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Import_Pages.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Import_Pages.gif new file mode 100644 index 000000000..8636b5a39 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Import_Pages.gif differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Insert_Pages.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Insert_Pages.gif new file mode 100644 index 000000000..b4e5655b7 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/Insert_Pages.gif differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/import.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/import.gif deleted file mode 100644 index 54d25773a..000000000 Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/import.gif and /dev/null differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-import-page.png b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-import-page.png new file mode 100644 index 000000000..39c70bb4b Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-import-page.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-left.png b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-left.png index fce057bf0..3dbd43b93 100644 Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-left.png and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-left.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-right.png b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-right.png index 8fc48000e..8f0dfcaa5 100644 Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-right.png and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-rotate-right.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-select.png b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-select.png index 2bf7f15f2..0e7b54f2d 100644 Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-select.png and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-select.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-undo.png b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-undo.png index 6ebb362b9..23f895d09 100644 Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-undo.png and b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/organize-ui-undo.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/rotate-rearrange.gif b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/rotate-rearrange.gif deleted file mode 100644 index 172906f96..000000000 Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/images/rotate-rearrange.gif and /dev/null differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/overview.md b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/overview.md index 0f9696871..17e88351a 100644 --- a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/overview.md @@ -37,7 +37,7 @@ You can easily change the sequence of pages within your document using the drag * `Drag and drop`: Click and drag a page thumbnail to the desired position within the document, then release it to rearrange the page order. -![Drag and Drop Organize](./images/rotate-rearrange.gif) +![Drag and Drop Organize](./images/Drag_and_Drop.gif) ### Inserting new pages @@ -74,7 +74,13 @@ Seamlessly import a PDF document into your existing document: * `Import PDF document`: Click the **Import Document** button to import a PDF. If a page is selected, the imported document’s thumbnail will be inserted to the right of the selected page. If multiple or no pages are selected, the thumbnail will be added as the first page. When **Save** or **Save As** is clicked, the imported PDF will be merged with the current document. You can insert a blank page to the left or right of the imported thumbnail, delete it, or drag and drop it to reposition as needed. -![Alt text](./images/import.gif) +![Alt text](./images/Import_Pages.gif) + +### Extract Document Pages + +* `Extract Document Pages`: Click the **Extract Document** button to extract a PDF pages. If a pages are selected, the selected pages are extracted as a separate document. + +![Alt text](./images/Extract_Pages.gif) ### Selecting all pages diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/programmatic-support.md index cd0a82b22..54cc0836f 100644 --- a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/programmatic-support.md +++ b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/programmatic-support.md @@ -1,7 +1,7 @@ --- layout: post title: Programmatical Organize Pages in Syncfusion PDF Viewer | Syncfusion -description: Learn here all about Programmatic Support for Organize Pages in Syncfusion Syncfusion PDF Viewer. +description: Learn here all about the Programmatic Support including rotating, rearranging, inserting, deleting, and duplicating for Organize Pages. platform: document-processing control: SfPdfViewer documentation: ug @@ -77,7 +77,7 @@ This method allows programmatic rotation of individual or multiple pages within ## Move Pages -This method allows asynchronously arranges the specified pages at the given target position. It rearrage the pages in the document based in the targeted index. Provide the indexes of the page to move and targeted index to move. +This method allows asynchronously arranges the specified pages at the given target position. It rearrange the pages in the document based in the targeted index. Provide the indexes of the page to move and targeted index to move. {% tabs %} {% highlight razor %} diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/ui-interactions.md b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/ui-interactions.md index b49765bc4..13eb3de07 100644 --- a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/ui-interactions.md +++ b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pages/ui-interactions.md @@ -1,7 +1,7 @@ --- layout: post title: UI Interaction for Organize Pages in Blazor PDF Viewer | Syncfusion -description: Learn about the UI interactions for organize pages in the Blazor PDF Viewer control. +description: Learn about the UI interactions including rotating, rearranging, inserting, deleting, and duplicating for organize pages. platform: document-processing control: SfPdfViewer documentation: ug @@ -29,19 +29,16 @@ 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. -![Rearranging](./images/rotate-rearrange.gif) +![Rearranging](./images/Drag_and_Drop.gif) ## Inserting new pages 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 Left](./images/organize-insert-left.png) - * **Insert blank page right**: Insert a blank page to the right of the selected page. -![Insert Right](./images/organize-insert-right.png) +![Rearranging](./images/Insert_Pages.gif) ## Deleting PDF pages @@ -52,14 +49,14 @@ Remove unwanted pages from your document with these steps: ![Delete](./images/organize-ui-delete.png) -## Copying PDF pages +## Duplicating PDF pages 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. +* **Select pages to duplicate**: Click on the page thumbnails you wish to duplicate. +* **Duplicate selected pages**: Use the duplicate option to create duplicates. The copied pages will be added to the right of the selected pages. -![Copying](./images/organize-copy-page.png) +![Duplicating](./images/Duplicate_Pages.gif) ## Importing a PDF document @@ -69,6 +66,12 @@ Seamlessly import another PDF document into your current document: ![Importing](./images/organize-ui-extract-page.png) +### Extract Document Pages + +* `Extract Document Pages`: Click the **Extract Document** button to extract a PDF pages. If a pages are selected, the selected pages are extracted as a separate document. + +![Alt text](./images/organize-ui-import-page.png) + ## Selecting all pages Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once.