1043230- Revamp UG Documentation for Organize pages, Toolbar and save pdf samples in React platform

Document-Processing/PDF/PDF-Viewer/react/organize-pages/copy-pages.md

@@ -19,7 +19,7 @@ This guide explains how to duplicate pages within the current PDF using the Orga
 ## Prerequisites
 
 - EJ2 React PDF Viewer installed
-- PDF Viewer injected with `PageOrganizer` module
+- PDF Viewer with the `PageOrganizer` module injected
 
 ## Steps
 

Document-Processing/PDF/PDF-Viewer/react/organize-pages/events.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Organize Pages Events in PDF Viewer | Syncfusion
-description: Learn how to organize pages Events in the React PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+description: Learn how to organize pages events in the React PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
 platform: document-processing
 control: PDF Viewer
 documentation: ug

Document-Processing/PDF/PDF-Viewer/react/organize-pages/extract-pages.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Extract Pages in React PDF Viewer | Syncfusion
-description: Learn here all about Extract Pages in Organize Pages in Syncfusion React PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn how to extract pages in the Organize Pages panel of the Syncfusion React PDF Viewer component of Syncfusion Essential JS 2.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
@@ -57,7 +57,7 @@ You can control the Extract Pages experience via settings and invoke extraction
 
 Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
 
-Use the following code snippet to enable or disable the Extract Pages option:
+Use the following code snippet to enable the Extract Pages option:
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/react/organize-pages/import-pages.md

@@ -44,7 +44,7 @@ This guide explains how to import pages from another PDF into the current docume
 
 ## Expected result
 
-- Imported pages display as a single thumbnail in Organize Pages and are merged into the original PDF when saved or exported.
+- Imported pages display as thumbnails in Organize Pages and are merged into the original PDF when saved or exported.
 
 ## Enable or disable Import Pages button
 

Document-Processing/PDF/PDF-Viewer/react/organize-pages/insert-blank-pages.md

@@ -65,4 +65,4 @@ To enable or disable the **Insert Pages** button in the page thumbnails, update
 - [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)

Document-Processing/PDF/PDF-Viewer/react/organize-pages/mobile-view.md

@@ -8,7 +8,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Organize Pages in Mobile PDF Viewer React
+# Organize Pages in React Mobile PDF Viewer
 
 The PDF Viewer provides a mobile-responsive layout for the `Organize Pages` feature, optimized for touch interactions on small screens. The toolbar and navigation adapt to the device viewport so page-management controls remain accessible on phones and tablets.
 
@@ -28,7 +28,7 @@ To perform actions on a page thumbnail, tap and hold (long-press) the thumbnail
 *   **Select All**: Select all pages in the document.
 
 
-![Context menu displaying page operations (rotate, insert, copy, delete, select all)](../images/Context-Menu-Page-Operations1.png)
+![Context menu displaying page operations rotate insert copy delete select all](../images/Context-Menu-Page-Operations1.png)
 
 ## Rearranging Pages on Mobile
 

Document-Processing/PDF/PDF-Viewer/react/organize-pages/programmatic-support.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: Programmatic Support for Organize Pages in React PDF Viewer control | Syncfusion
-description: Learn here all about Programmatic Support for Organize Pages in Syncfusion React PDF Viewer control of Syncfusion Essential JS 2 and more.
+title: Programmatic Page Organization in React PDF Viewer | Syncfusion
+description: Learn how to use the programmatic APIs for Organize Pages in the Syncfusion React PDF Viewer component of Syncfusion Essential JS 2.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Programmatic Support for Organize Pages in React PDF Viewer control
+# Programmatic Support for Organize Pages in React PDF Viewer
 
 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.
 

Document-Processing/PDF/PDF-Viewer/react/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/react/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/react/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/react/documentation/api/pdfviewer/pageorganizersettingsmodel#canrearrange) is is not set to `false`.
+- **Thumbnails won't move**: Confirm [`pageOrganizerSettings.canRearrange`] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/pageorganizersettingsmodel#canrearrange) is not set to `false`.
 - **Changes not saved**: Verify [`serviceUrl`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#serviceurl) (server) or [`resourceUrl`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#resourceurl) (standalone) is configured correctly.
 
 ## Related topics

Document-Processing/PDF/PDF-Viewer/react/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/react/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/react/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 page toolbar customization](./toolbar)
 - [Organize pages event reference](./events)

Document-Processing/PDF/PDF-Viewer/react/organize-pages/toolbar.md

@@ -1,14 +1,14 @@
 ---
 layout: post
 title: Organize Page Toolbar Customization in React | Syncfusion
-description: Learn here all about Organize Page Toolbar Customization in Syncfusion React PDF Viewer control of Syncfusion Essential JS 2 and more.
+description: Learn how to customize the Organize Pages toolbar in the Syncfusion React PDF Viewer component of Syncfusion Essential JS 2.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Organize page toolbar customization in React PDF Viewer control
+# Organize page toolbar customization in React PDF Viewer
 
 The PDF Viewer lets applications customize the Organize Pages toolbar to enable or disable tools according to project requirements. Use the `pageOrganizerSettings` API to control each tool's interactivity and behavior.
 

Document-Processing/PDF/PDF-Viewer/react/organize-pages/zoom-pages.md

@@ -46,9 +46,9 @@ This guide explains how to change the thumbnail zoom level in the **Organize Pag
 
 - Thumbnails resize interactively; larger thumbnails show more detail while smaller thumbnails allow viewing more pages at once.
 
-## Show or hide Zoom Pages button
+## Show or hide Zoom Pages slider
 
-To enable or disable the **Zoom Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/react/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** slider in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#show-or-hide-the-zoom-pages-option) for the guidelines.
 
 ## Troubleshooting
 

Document-Processing/PDF/PDF-Viewer/react/save-pdf-file/to-amazon-s3.md

@@ -28,13 +28,13 @@ import * as AWS from 'aws-sdk';
 
 2. Configure the AWS SDK with the region, access key, and secret access key. This enables the application to interact with AWS services such as S3.
 
-N> Replace **Your Region** with the actual Region of your AWS S3 account and **Your Access Key** with the actual Access Key of your AWS S3 account and **Your Security Access Key** with the actual Security Access Key of your AWS S3 account.
+N> Replace **Your Region**, **Your Access Key**, and **Your Security Access Key** with the corresponding values from your AWS S3 account.
 
 ```typescript
 AWS.config.update({
-  region: '**Your Region**', // Update this your region
-  accessKeyId: '*Your Access Key*', // Update this with your access key id
-  secretAccessKey: '*Your Security Access Key*', // Update this with your secret access key
+  region: '**Your Region**', // Update this with your region
+  accessKeyId: '**Your Access Key**', // Update this with your access key id
+  secretAccessKey: '**Your Security Access Key**', // Update this with your secret access key
 });
 ```
 
@@ -159,7 +159,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache
 }
 ```
 
-5. Modify the [Download()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#download) method to save the downloaded PDF file to the AWS S3 bucket.
+5. Modify the [Download()] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#download) method to save the downloaded PDF file to the AWS S3 bucket.
 
 ```csharp
 
@@ -217,7 +217,7 @@ N> Replace the placeholders with the appropriate AWS credentials and bucket name
 
 **Step 3:** Set the PDF Viewer properties in the React PDF Viewer component
 
-Modify the [serviceUrl](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer component with the accurate URL of the web service, replacing `https://localhost:44396/pdfviewer` with the actual server URL. Set the `documentPath` property to the desired PDF file name to load from AWS S3, and ensure that the document exists in the target bucket.
+Modify the [serviceUrl] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer component with the accurate URL of the web service, replacing `https://localhost:44396/pdfviewer` with the actual server URL. Set the `documentPath` property to the desired PDF file name to load from AWS S3, and ensure that the document exists in the target bucket.
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/react/save-pdf-file/to-azure-active-directory.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Save PDF files to Azure Active Directory (AAD) in React PDF Viewer | Syncfusion
+title: Save PDF Files to Azure AD in React PDF Viewer | Syncfusion
 description: Learn how to load and save PDF files with Azure Active Directory (AAD) using the Syncfusion React PDF Viewer component and a server-backed web service.
 control: PDF Viewer
 platform: document-processing
@@ -115,7 +115,7 @@ The React PDF Viewer component supports loading and saving PDF files using Azure
 ### Server-side code snippets
 ```cs
 string tenantId = "Provide the tenant id here";
-string clientId = "Provide the clientid here";
+string clientId = "Provide the client ID here";
 string clientSecret = "Provide the client secret here";
 string blobServiceEndpoint = "https://your-storage-account.blob.core.windows.net";
 string containerName = "Provide the container name here";

Document-Processing/PDF/PDF-Viewer/react/save-pdf-file/to-azure-blob-storage.md

@@ -13,7 +13,7 @@ The React PDF Viewer component supports saving PDF files to Azure Blob Storage u
 
 ## Using Standalone PDF Viewer
 
-Follow the steps below to save a PDF file to Azure Blob Storage from an React PDF Viewer.
+Follow the steps below to save a PDF file to Azure Blob Storage from a React PDF Viewer.
 
 **Step 1:** Create a PDF Viewer sample in React
 
@@ -99,7 +99,7 @@ function saveDocument() {
 }
 ```
 
-N> Install the Azure Storage Blob client package for browser use: `npm install @azure/storage-blob`. For server-side operations use `dotnet add package Azure.Storage.Blobs`.
+N> Install the Azure Storage Blob client package for browser use: `npm install @azure/storage-blob`. For server-side operations use `dot net add package Azure.Storage.Blobs`.
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-azure-blob-storage/tree/master/Open%20and%20Save%20PDF%20in%20Azure%20Blob%20Storage%20using%20Standalone).
 
@@ -140,7 +140,7 @@ public PdfViewerController(IConfiguration configuration, ILogger<PdfViewerContro
 }
 ```
 
-5. Modify the [Download()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#download) method to save the downloaded PDF file to the Azure Blob Storage container.
+5. Modify the [Download()] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#download) method to save the downloaded PDF file to the Azure Blob Storage container.
 
 ```csharp
 
@@ -188,16 +188,16 @@ public IActionResult Download([FromBody] Dictionary<string, string> jsonObject)
     }
   },
   "AllowedHosts": "*",
-  "connectionString": "*Your Connection string from Azure*",
-  "containerName": "*Your container name in Azure*"
+  "connectionString": "Your Connection string from Azure",
+  "containerName": "Your container name in Azure"
 }
 ```
 
 N> Replace the placeholders with the actual Azure Storage connection string and container name.
 
 **Step 3:** Set the PDF Viewer properties in the React PDF Viewer component
 
-Modify the [serviceUrl](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer component with the accurate URL of the web service, replacing `https://localhost:44396/pdfviewer` with the actual server URL. Set the `documentPath` property to the desired PDF file name to load from Azure Blob Storage, and ensure that the document exists in the target container.
+Modify the [serviceUrl] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer component with the accurate URL of the web service, replacing `https://localhost:44396/pdfviewer` with the actual server URL. Set the `documentPath` property to the desired PDF file name to load from Azure Blob Storage, and ensure that the document exists in the target container.
 
 {% tabs %}
 {% highlight ts tabtitle="Server-Backed" %}

Document-Processing/PDF/PDF-Viewer/react/save-pdf-file/to-box-cloud-file-storage.md

@@ -13,7 +13,7 @@ The React PDF Viewer component supports saving PDF files to Box cloud file stora
 
 **Step 1:** Set up a Box developer account and create a Box application
 
-To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials Client ID and Client Secret to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
+To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials (Client ID and Client Secret) to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
 
 **Step 2:** Create a PDF Viewer sample in React
 
@@ -55,7 +55,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache
 }
 ```
 
-5. Modify the [Download()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#download) method to save the downloaded PDF file to the Box cloud storage folder.
+5. Modify the [Download()] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#download) method to save the downloaded PDF file to the Box cloud storage folder.
 
 ```csharp
 [HttpPost("Download")]
@@ -150,7 +150,7 @@ root.render(<App />);
 ```
 {% endraw %}
 
-N> Install the Box .NET SDK in the web service project: `dotnet add package Box.V2`.
+N> Install the Box .NET SDK in the web service project: `dot net add package Box.V2`.
 
 N> Replace `PDF_Succinctly.pdf` with the actual document name to load from Box cloud storage. Pass the document name from the Box folder to the `documentPath` property of the `React PDF Viewer` component.
 

Document-Processing/PDF/PDF-Viewer/react/save-pdf-file/to-dropbox-cloud-file-storage.md

@@ -7,7 +7,7 @@ platform: document-processing
 documentation: ug
 ---
 
-# Save PDF files to Dropbox cloud storage
+# Save PDF Files to Dropbox from React PDF Viewer
 
 The React PDF Viewer component supports saving PDF files to Dropbox using either the standalone or server-backed configuration. The following steps demonstrate both approaches.
 
@@ -107,7 +107,7 @@ N> Install the `dropbox` package in the React project before running the sample:
 
 ## Using server-backed PDF Viewer
 
-To save a PDF file to Dropbox cloud file storage, you can follow the steps below
+To save a PDF file to Dropbox cloud file storage, you can follow the steps below:
 
 **Step 1:** Create a Dropbox API app
 

Document-Processing/PDF/PDF-Viewer/react/save-pdf-file/to-google-cloud-storage.md

@@ -1,21 +1,21 @@
 ---
 layout: post
-title: Save PDF files to Google Cloud Storage in React PDF Viewer | Syncfusion
+title: Save PDF Files to Google Cloud Storage | Syncfusion
 description: Learn how to save PDF files to Google Cloud Storage using the Syncfusion React PDF Viewer component with a server-backed web service.
 control: PDF Viewer
 platform: document-processing
 documentation: ug
 ---
 
-# Save PDF files to Google Cloud Storage
+# Store PDF Files in Google Cloud Storage
 
 To save a PDF file to Google Cloud Storage, follow the steps below.
 
 **Step 1:** Create a PDF Viewer sample in React
 
 Follow the Syncfusion getting-started instructions for the React PDF Viewer: [React PDF Viewer getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started). This sets up the basic PDF Viewer application structure.
 
-**Step 2:** Modify the `PdfViewerController.cs` File in the Web Service Project
+**Step 2:** Modify the `PdfViewerController.cs` file in the web service project
 
 1. Create a web service project in .NET Core 3.0 or above. Refer to the Syncfusion knowledge base article on creating a PDF Viewer web service: [Create a PDF Viewer web service in .NET Core 3.0 and above](https://www.syncfusion.com/kb/11063/how-to-create-pdf-viewer-web-service-in-net-core-3-0-and-above).
 
@@ -108,7 +108,7 @@ N> Replace **path/to/service-account-key.json** with the actual file path to the
 
 **Step 3:** Set the PDF Viewer properties in the React PDF Viewer component
 
-Modify the [serviceUrl](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer component with the accurate URL of the web service, replacing `https://localhost:44396/pdfviewer` with the actual server URL. Set the `documentPath` property to the desired PDF file name to load from Google Cloud Storage, and ensure that the document exists in the target bucket.
+Modify the [serviceUrl] (https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer component with the accurate URL of the web service, replacing `https://localhost:44396/pdfviewer` with the actual server URL. Set the `documentPath` property to the desired PDF file name to load from Google Cloud Storage, and ensure that the document exists in the target bucket.
 
 {% raw %}