Merge branch 'development' into EJ2-1010807-diataxis-organize

Author: BalajiLoganathanSF4826

Document-Processing-toc.html

@@ -898,8 +898,11 @@
 							<li>
 								Environment Integration
 								<ul>
-									<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/preact">Preact</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/nextjs-getting-started">NextJS</a></li>
+                                    <li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/nextjs-getting-started">NextJS</a></li>
+                                    <li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/preact">Preact</a></li>
+                                    <li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/remix">Remix</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/share-point">SharePoint Framework (SPFx)</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/gatsby">Gatsby</a></li>
 								</ul>
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/feature-module">Feature Modules</a></li>
@@ -930,6 +933,14 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/save-pdf-file/to-azure-active-directory">To Azure Active Directory</a></li>
 								</ul>
 							</li>
+							<li>Document Handling
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/load-large-pdf">Load Large PDF Files</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/load-password-pdf">Load Password Protected PDFs</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/preprocess-pdf">Preprocess PDF Document Before Displaying</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/retrieve-loadedDoc">Retrieve the Loaded Document Instance </a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/mobile-toolbar">Mobile Toolbar Interface</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/toolbar">Toolbar Customization</a> 
 							    <ul>
@@ -1032,6 +1043,13 @@
 							<li><a href="/document-processing/pdf/pdf-viewer/react/text-selection">Text Selection</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/globalization">Globalization</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/accessibility">Accessibility</a></li>
+							<li><a href="/document-processing/pdf/pdf-viewer/react/theming-and-styling">Theming and Styling</a></li>
+							<li><a href="/document-processing/pdf/pdf-viewer/react/context-menu/context-menu">Context Menu</a>
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/context-menu/builtin-context-menu">Built-in Context Menu</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/context-menu/custom-context-menu">Customize Context Menu</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/how-to-overview">How to</a> 
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-document">Load the PDF documents dynamically</a></li>
@@ -1055,7 +1073,6 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/retry-timeout">Retry Timeout</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-n-number-page">Load N number of pages on initial loading</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/conformance">Supported conformance documents</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/custom-context-menu">Customize context menu</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/pagerenderstarted-pagerendercompleted-event">PageRenderInitiate and PageRenderComplete event</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/open-bookmark">Open and Close Bookmark pane programmatically</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/signatureselect-signatureunselect">SignatureSelect and SignatureUnselect event</a></li>
@@ -1080,6 +1097,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/show-hide-annotation">Show and Hide Annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/enable-text-selection">Dynamically Enable or Disable Text Selection</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
+									<li><a href="/document-Processing/pdf/pdf-viewer/react/how-to/existing-react-layout">Integrate PDF Viewer into existing react layout</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -5209,43 +5227,25 @@
 							<li><a href="/document-processing/excel/spreadsheet/react/getting-started">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/react/nextjs-getting-started">Getting Started with NextJS</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/react/data-binding">Data Binding</a></li>
-							<li><a href="/document-processing/excel/spreadsheet/react/open/open">Open Excel File</a>
-								<ul>
-									<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/file-uploader">using a file uploader</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/external-url">using an external URL</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/blob-data">from blob data</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/base64-string">from base64 string</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/server">located on a server</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
-								</ul>
-							</li>
-							<li><a href="/document-processing/excel/spreadsheet/react/save/save">Save Excel File</a>
-								<ul>
-									<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/blob-data">as blob data</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/base64-string">as base64 string</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/server">to a server</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
-								</ul>
-							</li>
-							<li><a href="/document-processing/excel/spreadsheet/react/open-from-cloud">Open From Cloud</a>
+							<li><a href="/document-processing/excel/spreadsheet/react/open-excel-files">Open Excel Files</a>
 								<ul>
-									<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/aws-s3-bucket">AWS S3</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/azure-blob-storage">Azure Blob Storage</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/google-cloud-storage">Google Cloud Storage</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/open-excel-file/from-aws-s3-bucket">From AWS S3</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/open-excel-file/from-azure-blob-storage">From Azure Blob Storage</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/open-excel-file/from-google-cloud-storage">From Google Cloud Storage</a></li>
 								</ul>
 							</li>
-							<li><a href="/document-processing/excel/spreadsheet/react/save-to-cloud">Save To Cloud</a>
+							<li><a href="/document-processing/excel/spreadsheet/react/save-excel-files">Save Excel Files</a>
 								<ul>
-									<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/aws-s3-bucket">AWS S3</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/azure-blob-storage">Azure Blob Storage</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/google-cloud-storage">Google Cloud Storage</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/save-excel-file/to-aws-s3-bucket">To AWS S3</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/save-excel-file/to-azure-blob-storage">To Azure Blob Storage</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/save-excel-file/to-google-cloud-storage">To Google Cloud Storage</a></li>
 								</ul>
 							</li>
-							<li><a href="/document-processing/excel/spreadsheet/react/server-deployment">Server Deployment</a>
+							<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/spreadsheet-server-docker-image-overview">Server Deployment</a>
 							    <ul>
-									<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/docker-deployment">How to Deploy Spreadsheet Docker Image Locally</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-visual-studio">Deploy Spreadsheet Server Docker Image to Azure App Service using Azure CLI</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-azure-cli">Deploy Spreadsheet Server to Azure App Service using Visual Studio</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/spreadsheet-server-docker-image-overview">Spreadsheet Server Docker Overview</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli">Deploy Spreadsheet Docker to Azure App Service using Azure CLI</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio">Publish Spreadsheet Server to Azure App Service using Visual Studio</a></li>
 								</ul>
 							</li>
 							<li><a href="/document-processing/excel/spreadsheet/react/worksheet">Worksheet</a></li>
@@ -5419,6 +5419,7 @@
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/styles">Styles and Appearance</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/print">Print</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/performance-best-practices">Performance Best Practices</a></li>
+							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/performance-metrics">Performance Metrics</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/global-local">Globalization</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/accessibility">Accessibility</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/keyboard-shortcuts">Keyboard Shortcuts</a></li>

Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-metrics.md

@@ -0,0 +1,59 @@
+---
+layout: post
+title: Performance Metrics for JavaScript Spreadsheet Control | Syncfusion
+description: Learn about performance metrics for JavaScript Spreadsheet control, measured results, and environment details.
+platform: document-processing
+control: Performance 
+documentation: ug
+---
+
+# Performance Metrics for JavaScript Spreadsheet Control
+
+The [Syncfusion® Spreadsheet component](https://www.syncfusion.com/spreadsheet-editor-sdk/javascript-spreadsheet-editor) provides a powerful, Excel‑like experience for web applications, allowing users to create, edit, view, and manage spreadsheets with ease. It supports large datasets, formulas, and interactive features such as styling, validation, sorting, filtering, and file import/export while maintaining a smooth and responsive user experience.
+
+This document presents measured performance results for the Spreadsheet when working with large datasets and common operations such as rendering, styling, validation, and file import/export.
+
+## Environment
+
+The following configuration was used for the performance evaluations:
+
+* **Browser**: Microsoft Edge (latest stable)
+* **Hardware**: 12th Gen Intel(R) Core(TM) i5-1235U
+* **RAM**: 16 GB or higher
+* **Spreadsheet Version**:
+  * [NPM Version](https://www.npmjs.com/package/@syncfusion/ej2-spreadsheet/v/32.2.5)  
+  * [NuGet Version](https://www.nuget.org/packages/Syncfusion.EJ2.Spreadsheet.AspNet.Core/32.2.5)  
+
+## Evaluated Features
+
+The following operations were measured to evaluate the Spreadsheet's performance with large datasets: rendering, applying styles, number formatting, and data validation.
+
+| Dataset Size | Initial Rendering | Styles     | Number Format     | Data Validation     |
+|--------------|-------------------|------------|-------------------|---------------------|
+| 100k cells   | 0.21s             | 0.72s      | 0.86s             | 0.82s               |
+| 250k cells   | 0.23s             | 1.51s      | 1.81s             | 2.11s               |
+| 500k cells   | 0.28s             | 3.00s      | 3.69s             | 3.95s               |
+
+## Import and Export Performance
+
+The following table summarizes the import and export times for datasets that include various features such as formatting, validation, sorting, and filtering.
+
+| Dataset Description                         | Import     | Export     |
+|---------------------------------------------|------------|------------|
+| 100k cells with formats                     | 3.85s      | 4.38s      |
+| 250k cells with formats                     | 3.96s      | 6.61s      |
+| 100k cells with validation                  | 2.06s      | 2.25s      |
+| 250k cells with validation                  | 3.77s      | 18.04s     |
+| 500k cells with validation                  | 4.16s      | 24.05s     |
+| 100k cells with sorting and filtering       | 3.68s      | 2.31s      |
+| 250k cells with sorting and filtering       | 5.73s      | 5.60s      |
+| 500k cells with sorting and filtering       | 8.59s      | 13.29s     |
+
+You can download the Excel files used for these measurements [here](https://drive.google.com/file/d/1VJN3g7SUnnzdpxtRPCL575QdB1MjeKj5/view?usp=sharing).
+
+## See Also
+
+* [Open and Save](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/open-save)
+* [Performance Best Practices](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/performance-best-practices)
+* [Docker Deployment](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/docker-deployment)
+* [Scrolling](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/scrolling)

…Storage/Open-from-Cloud/aws-s3-bucket.md …ct/Open-Excel-File/from-aws-s3-bucket.mdDocument-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/aws-s3-bucket.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-aws-s3-bucket.md Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/aws-s3-bucket.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-aws-s3-bucket.md

@@ -13,11 +13,11 @@ To load a file from AWS S3 in a Spreadsheet Component, you can follow the steps
 
 **Step 1:** Create a Simple Spreadsheet Sample in React
 
-Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
 
 **Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
 
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
+1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
 
 2. Open the `SpreadsheetController.cs` file in your web service project.
 
@@ -141,7 +141,7 @@ N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and
 
 **Step 3:**  Modify the index File in the Spreadsheet sample to make a fetch call to the server to retrieve and load the Excel file from the AWS S3 bucket into the client-side spreadsheet.
 
-```typescript
+```ts
 
 <button class="e-btn" (click)="openFromS3()">Import XLS files from AWS S3 bucket</button>
 

…ge/Open-from-Cloud/azure-blob-storage.md …en-Excel-File/from-azure-blob-storage.mdDocument-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/azure-blob-storage.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-azure-blob-storage.md Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/azure-blob-storage.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-azure-blob-storage.md

@@ -13,11 +13,11 @@ To load a file from Azure Blob Storage in a Spreadsheet Component, you can follo
 
 **Step 1:** Create a Simple Spreadsheet Sample in React
 
-Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
 
 **Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
 
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
+1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
 
 2. Open the `SpreadsheetController.cs` file in your web service project.
 
@@ -39,7 +39,7 @@ using Azure.Storage.Blobs.Specialized;
 
 4. Add the following private fields and constructor parameters to the `SpreadsheetController` class, In the constructor, assign the values from the configuration to the corresponding fields.
 
-```Csharp
+```csharp
 
 private readonly string _storageConnectionString;
 private readonly string _storageContainerName;
@@ -55,7 +55,7 @@ public SpreadsheetController(IConfiguration configuration)
 
 5. Create the `OpenFromAzure()` method to open the document from the Azure Blob Storage.
 
-```Csharp
+```csharp
 
 [HttpPost]
 [Route("OpenFromAzure")]
@@ -107,7 +107,7 @@ public class FileOptions
 
 6. Open the `appsettings.json` file in your web service project, Add the following lines below the existing `"AllowedHosts"` configuration.
 
-```Json
+```json
 
 {
   "Logging": {
@@ -126,7 +126,7 @@ N> Note: Install the Azure.Storage.Blobs NuGet package in the service project.
 
 **Step 3:** Modify the index File in the Spreadsheet sample to make a fetch call to the server to retrieve and load the Excel file from the Google Cloud Storage into the client-side spreadsheet.
 
-```typescript
+```ts
 
 <button class="e-btn" onClick={openFromAzure}>
   Import XLS file from Azure Blob Storage