From 0945cd760c7122b1c287fe84078ea1222ad8e8eb Mon Sep 17 00:00:00 2001
From: bhuvaneshdhakshinmaoorthy <bhuvaneshdhakshinmaoorthy>
Date: Fri, 6 Feb 2026 13:42:10 +0530
Subject: [PATCH 01/12] 999429: SpreadsheetEditorSDK MCP server AI coding
 assistant documentation

---
 Document-Processing-toc.html                  |  15 +-
 .../documentsdk.md}                           |   0
 .../MCP-Server/spreadsheeteditorsdk.md        | 241 ++++++++++++++++++
 .../ai-coding-assistant/overview.md           |  16 +-
 .../ai-coding-assistant/prompt-library.md     |  53 +++-
 5 files changed, 311 insertions(+), 14 deletions(-)
 rename Document-Processing/ai-coding-assistant/{mcp-server.md => MCP-Server/documentsdk.md} (100%)
 create mode 100644 Document-Processing/ai-coding-assistant/MCP-Server/spreadsheeteditorsdk.md

diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index f0134f1e7..4c77cee3c 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -14,13 +14,20 @@
 			<li>
 				<a href="/document-processing/ai-coding-assistant/overview">Overview</a>
 			</li>
-	        <li>
-		        <a href="/document-processing/ai-coding-assistant/mcp-server">MCP Server</a>
-	        </li>
+	        <li>MCP Server
+				<ul>
+					<li>
+						<a href="/document-processing/ai-coding-assistant/mcp-server/documentsdk">Document SDK</a>
+					</li>
+					<li>
+						<a href="/document-processing/ai-coding-assistant/mcp-server/spreadsheeteditorsdk">Spreadsheet Editor SDK</a>
+					</li>
+				</ul>
+			</li>
 			<li>
 				<a href="/document-processing/ai-coding-assistant/prompt-library">Prompt Library</a>
 			</li>
-      </ul>
+      	</ul>
     </li>
 	<li>Installation<ul>
 			<li>Web Installer
diff --git a/Document-Processing/ai-coding-assistant/mcp-server.md b/Document-Processing/ai-coding-assistant/MCP-Server/documentsdk.md
similarity index 100%
rename from Document-Processing/ai-coding-assistant/mcp-server.md
rename to Document-Processing/ai-coding-assistant/MCP-Server/documentsdk.md
diff --git a/Document-Processing/ai-coding-assistant/MCP-Server/spreadsheeteditorsdk.md b/Document-Processing/ai-coding-assistant/MCP-Server/spreadsheeteditorsdk.md
new file mode 100644
index 000000000..de2800345
--- /dev/null
+++ b/Document-Processing/ai-coding-assistant/MCP-Server/spreadsheeteditorsdk.md
@@ -0,0 +1,241 @@
+---
+layout: post
+title: SyncfusionSpreadsheetEditorSDKAssistant MCP Server Setup – Syncfusion
+description: Explore the MCP server’s benefits, setup needs, and integration guidance for Syncfusion SpreadsheetEditorSDK.
+platform: document-processing
+control: AI coding assistant
+documentation: ug
+---
+
+# SyncfusionSpreadsheetEditorSDKAssistant MCP Server
+
+## Overview
+
+The <a href ="https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant">SyncfusionSpreadsheetEditorSDKAssistant</a> is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/introduction) server that provides intelligent, context-aware coding assistance for Syncfusion **EJ2 Spreadsheet** and **SpreadsheetEditorSDK** across all supported platforms are ASP.NET Core, ASP.NET MVC, Angular, React, Vue, JavaScript,  (ES5), JavaScript (ES6), UWP, Windows Forms, WPF, Blazor.
+It integrates seamlessly with [MCP clients](https://modelcontextprotocol.io/clients) to provide intelligent assistance for building applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
+
+### Key Benefits
+
+- Instant code generation & explanations for Syncfusion<sup style="font-size:70%">&reg;</sup> SpreadsheetEditorSDK component.
+- Detailed component documentation and usage examples.
+- Troubleshooting assistance for common integration challenges.
+
+## Prerequisites
+
+Before using <a href="https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant">SyncfusionSpreadsheetEditorSDKAssistant</a>, ensure you have:
+
+* Required [node](https://nodejs.org/en/) version >= 18
+* A [compatible MCP client](https://modelcontextprotocol.io/clients) (VS Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio](https://www.syncfusion.com/code-studio/), etc.)
+* An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
+  - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
+  - [Free Community License](https://www.syncfusion.com/products/communitylicense)
+  - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
+* An active [API KEY](https://syncfusion.com/account/api-key)
+
+## Unlimited Access
+
+Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this MCP server. There are no restrictions on:
+
+* Number of requests
+* Components usage
+* Query types
+* Usage duration
+
+This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
+
+## Installation and setup
+
+Before you can invoke the ```SyncfusionSpreadsheetEditorSDKAssistant``` MCP server, you need to configure your MCP client with these core settings. The **Generic MCP Server Settings** shown below are identical across all clients:
+
+### Generic MCP Server Settings
+
+- **npm package name**: ```@syncfusion/spreadsheeteditorsdk-assistant```
+- **Type**: stdio (standard input/output transport)
+- **Command**: npx
+- **Arguments**: -y
+- **Server name**: syncfusionSpreadsheetEditorSDKAssistant
+
+#### API Key Configuration		
+
+Login to your [Syncfusion account](http://syncfusion.com/account/) and generate an API Key from the [API Key page](https://www.syncfusion.com/account/api-key). Replace `YOUR_API_KEY_FILE_PATH` or `YOUR_API_KEY` in the configuration files with your generated key.
+    
+There are two options:
+    
+* **Using an API Key File (Recommended)**
+
+  Store your API key in a separate file and reference its path in the `Syncfusion_API_Key_Path` environment parameter. This approach is more secure as you don't expose the key directly in configuration files.
+
+  **Supported file formats:** `.txt` or `.key` file
+
+~~~json
+   "env": {
+     "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH" // "D:\\syncfusion-key.txt" (or) "D:\\syncfusion-key.key"
+    }
+~~~
+* **Direct API Key**
+
+  Paste your `Syncfusion_API_Key` directly in the configuration file's environment parameter.
+
+~~~json
+   "env": {
+     "Syncfusion_API_Key": "YOUR_API_KEY"
+  }
+~~~
+
+[SyncfusionSpreadsheetEditorSDKAssistant](https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant) can be configured in various MCP clients. Below are setup instructions for popular environment:
+
+### Syncfusion<sup>&reg;</sup> Code Studio
+
+  *	In [Code Studio](https://www.syncfusion.com/code-studio/), open MCP Marketplace and navigate to the ```Custom Servers``` tab.
+  *	Enter the Server Name as ```spreadsheeteditorsdk-mcp```, choose Server Type as npm package, and set the NPM Package name to ```@syncfusion/spreadsheeteditorsdk-assistant```.
+  *	Add an environment variable as ```Syncfusion_API_Key``` and value as your [Syncfusion API key](https://syncfusion.com/account/api-key), then click **Install Server**.
+  *	Once installed, the server will appear in the User Installed Server list and will be added to the **config.yaml** file.
+  *	The server is now ready for use in Code Studio. For more details, refer to the Code Studio [documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/customservers).
+
+For additional details, see the Code Studio [documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/customservers).
+
+### VS Code (GitHub Copilot MCP)
+
+* To configure an MCP server for a specific workspace, you can create a `.vscode/mcp.json` file in your workspace folder.
+
+  ```json
+  {
+    "servers": {
+      "syncfusion-spreadsheeteditorsdk-assistant": {
+        "type": "stdio",
+        "command": "npx",
+        "args": [
+          "-y",
+          "@syncfusion/spreadsheeteditorsdk-assistant@latest"
+        ],
+        "env": {
+        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
+          // or
+        "Syncfusion_API_Key": "YOUR_API_KEY"
+        }
+      }
+    }
+  }
+  ```
+
+* After updating the configuration in mcp.json, you’ll notice a “Start” option at the top of the config. This allows you to easily start the <a href ="https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant">SyncfusionSpreadsheetEditorSDKAssistant</a> server directly from the settings interface without additional commands.
+
+* Confirm that [SyncfusionSpreadsheetEditorSDKAssistant](https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant) is being used (this does not happen automatically). Look for a statement in the output, which is similar to:
+    * ```SyncfusionSpreadsheetEditorSDKAssistant is running...``` (in VS Code)
+
+* For more details, refer to the official <a href = "https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022"> Visual Studio documentation</a>.
+
+### Cursor
+
+To configure an MCP server for a specific workspace, you can create a .cursor/mcp.json file in your workspace folder.
+
+```json
+{
+  "mcpServers": {
+    "syncfusion-spreadsheeteditorsdk-assistant": {
+      "type": "stdio",
+      "command": "npx",
+      "args": [
+        "-y",
+        "@syncfusion/spreadsheeteditorsdk-assistant@latest"
+      ],
+      "env": {
+      "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
+      // or
+      "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+```
+For more details, refer to the <a href = "https://docs.cursor.com/en/context/mcp#using-mcp-json">Cursor documentation</a>.
+
+### JetBrains IDEs
+
+* Go to Settings -> Tools -> AI Assistant -> Model Context Protocol (MCP).
+* Click + Add to add a new MCP server configuration.
+* In the New MCP Server dialog, switch the dropdown as `As JSON` and add the following config:
+
+```json
+{
+  "mcpServers": {
+    "syncfusion-spreadsheeteditorsdk-assistant": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@syncfusion/spreadsheeteditorsdk-assistant@latest"
+      ],
+      "env": {
+      "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
+      // or
+      "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+```
+
+* Click OK and Apply.
+
+For further assistance, see the <a href ="https://www.jetbrains.com/help/ai-assistant/mcp.html#connect-to-an-mcp-server">JetBrains documentation</a>.
+
+> For more detailed information about configuring MCP servers in various clients, refer to the official documentations, e.g., [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
+
+## Usage
+
+To activate the SyncfusionSpreadsheetEditorSDKAssistant MCP server:
+
+1. Start your prompt with one of the following:
+    * 'SyncfusionSpreadsheetEditorSDKAssistant'
+    * '/syncfusion-spreadsheeteditorsdk-assistant'
+    * '/syncfusion-spreadsheeteditorsdk'
+    * '@syncfusion-spreadsheeteditorsdk'
+    * '@ask_syncfusion_spreadsheeteditorsdk'
+
+   In VS Code, you can also use #SyncfusionSpreadsheetEditorSDKAssistant to explicitly invoke the MCP server.
+
+2. Grant the SyncfusionSpreadsheetEditorSDKAssistant MCP server a permission to run for this session, workspace, or always.
+3. For best results, start a new chat for each new topic to maintain clean context.
+
+### Mode availability
+
+Syncfusion<sup style="font-size:70%">&reg;</sup> MCP Servers provide full access to all AI interaction modes — Ask/Chat, Edit, and Agent — across supported MCP clients.
+
+### Best Practices for Effective Usage
+
+1. ```Be specific```: Mention both platform and component (e.g., "How do I apply conditional formatting to highlight duplicate values in a React Syncfusion Spreadsheet?").
+2. ```Provide context```: Include details about your use case for more targeted solutions.
+3. ```Use descriptive queries```: Avoid vague questions that lack necessary context.
+4. ```Start fresh for new topics```: Begin a new chat session when switching components or topics.
+
+### Example Queries
+
+Here are some effective ways to use [SyncfusionSpreadsheetEditorSDKAssistant](https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant):
+
+ * "Provide TypeScript examples of using VLOOKUP and SUMIF formulas in Syncfusion Spreadsheet."
+ * "Show me how to perform data validation with dropdown lists in Vue Spreadsheet."
+ * "How do I merge cells and apply borders programmatically in ASP.NET Core Spreadsheet?"
+ * "Explain how to enable virtual scrolling in Syncfusion EJ2 Spreadsheet with large datasets."
+ * "How can I protect specific sheets and lock certain ranges in Syncfusion Spreadsheet for MVC?"
+
+## Troubleshooting
+
+If you encounter issues:
+
+ * Verify your API key is correctly configured.
+ * Ensure the MCP server is enabled in your client's tools selection.
+ * Check that you're using a compatible MCP client version.
+ * Try restarting your development environment.
+
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/spreadsheet-editor-sdk)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/spreadsheet-editor-sdk)
+* Live chat
+
+## See also
+
+ * [Syncfusion SpreadsheetEditorSDK Documentation](https://help.syncfusion.com/document-processing/excel/spreadsheet/overview)
diff --git a/Document-Processing/ai-coding-assistant/overview.md b/Document-Processing/ai-coding-assistant/overview.md
index f60787ad0..3a9a4ef66 100644
--- a/Document-Processing/ai-coding-assistant/overview.md
+++ b/Document-Processing/ai-coding-assistant/overview.md
@@ -10,13 +10,13 @@ documentation: ug
 # Syncfusion® AI Coding Assistant Overview
 
 
-The **Syncfusion<sup>&reg;</sup> AI Coding Assistant** are designed to streamline your development workflow when building .NET applications with Syncfusion<sup>&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup>&reg;</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity. 
-
+The **Syncfusion<sup>&reg;</sup> AI Coding Assistant** are designed to streamline your development workflow when building applications with Syncfusion<sup>&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup>&reg;</sup> components to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
 
 AI Coding Assistant:
 
-  * **The SyncfusionDocumentSDKAssistant MCP Server** is designed to process advanced prompts and return intelligent, context-aware        code suggestions through   [MCP-compatible clients](https://modelcontextprotocol.io/clients). It specifically enhances productivity when working with **Syncfusion<sup>&reg;</sup> Document Processing libraries**, including **[PDF](https://help.syncfusion.com/document-processing/pdf/overview)**, **[Word](https://help.syncfusion.com/document-processing/word/overview) (DocIO)**, **[Excel](https://help.syncfusion.com/document-processing/excel/overview) (XlsIO)**, and **[PowerPoint](https://help.syncfusion.com/document-processing/powerpoint/overview) (Presentation)**. 
+  * **The SyncfusionDocumentSDKAssistant MCP Server** is designed to process advanced prompts and return intelligent, context-aware        code suggestions through   [MCP-compatible clients](https://modelcontextprotocol.io/clients). It specifically enhances productivity when working with **Syncfusion<sup>&reg;</sup> Document Processing libraries**, including **[PDF](https://help.syncfusion.com/document-processing/pdf/overview)**, **[Word](https://help.syncfusion.com/document-processing/word/overview) (DocIO)**, **[Excel](https://help.syncfusion.com/document-processing/excel/overview) (XlsIO)**, and **[PowerPoint](https://help.syncfusion.com/document-processing/powerpoint/overview) (Presentation)**.
 
+  * **The SyncfusionSpreadsheetEditorSDKAssistant MCP Server** is designed to process advanced prompts and return intelligent, context-aware        code suggestions through   [MCP-compatible clients](https://modelcontextprotocol.io/clients). It specifically enhances developer productivity with **[Spreadsheet](https://help.syncfusion.com/document-processing/excel/spreadsheet/overview)** capabilities across multiple platforms, including ASP.NET Core, ASP.NET MVC, Angular, React, Vue, JavaScript (ES5/ES6), UWP, Windows Forms, WPF, and Blazor.
 
 ## Getting Started
 
@@ -28,7 +28,7 @@ To use the AI Coding Assistant, you need:
      * [Free Community License](https://www.syncfusion.com/products/communitylicense)
      * [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
   *	An active [API KEY](https://syncfusion.com/account/api-key)
-  *	Any .NET application that includes Syncfusion Document Processing libraries
+  *	Any project setup that includes Syncfusion Document Processing<sup>&reg;</sup> components
 
 ## Unlimited Access
 
@@ -43,10 +43,10 @@ This ensures users can fully leverage Syncfusion<sup>&reg;</sup> components to e
 
 ## Best Practices
 
-  *	Initial Setup: Use the tools to quickly add and configure Syncfusion® components in your .NET applications.
+  *	Initial Setup: Use the tools to quickly add and configure Syncfusion® components in your applications.
   *	Feature Tuning: Enable or disable component features through prompt-based configuration for tailored functionality.
   *	Data Binding: Generate sample data for testing and prototyping. Avoid using sensitive or production data to ensure security.
-  *	Step-by-step explanations: Use annotated code to understand component behavior. Note that the level of detail may vary depending on the tool, mode, and AI model used. Refer to the [Syncfusion<sup>&reg;</sup> Document SDK Documentation](https://help.syncfusion.com/document-processing/introduction) for in-depth information.
+  *	Step-by-step explanations: Use annotated code to understand component behavior. Note that the level of detail may vary depending on the tool, mode, and AI model used. Refer to the [Syncfusion<sup>&reg;</sup> Document Processing Documentation](https://help.syncfusion.com/document-processing/introduction) for in-depth information.
   * Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, refer to [documentation](https://help.syncfusion.com/document-processing/introduction) or [support](https://support.syncfusion.com/support/tickets/create).
   
   >Always check AI-generated content and code for accuracy before using it.
@@ -67,8 +67,10 @@ The Syncfusion<sup>&reg;</sup> AI Coding Assistant is designed with privacy in m
 
 ## See also
 
-  * Add the <a href="https://help.syncfusion.com/document-processing/ai-coding-assistant/mcp-server">SyncfusionDocumentSDKAssistant MCP Server</a>  to an MCP-enabled client
+  * Add the <a href="https://help.syncfusion.com/document-processing/ai-coding-assistant/mcp-server/documentsdk">SyncfusionDocumentSDKAssistant MCP Server</a>  to an MCP-enabled client
+  * Add the <a href="https://help.syncfusion.com/document-processing/ai-coding-assistant/mcp-server/spreadsheeteditorsdk">SyncfusionSpreadsheetEditorSDKAssistant MCP Server</a>  to an MCP-enabled client
   *	[Syncfusion<sup>&reg;</sup> Document SDK Documentation](https://help.syncfusion.com/document-processing/introduction)
+  *	[Syncfusion<sup>&reg;</sup> SpreadsheetEditor SDK Documentation](https://help.syncfusion.com/document-processing/excel/spreadsheet/overview)
 
 
 
diff --git a/Document-Processing/ai-coding-assistant/prompt-library.md b/Document-Processing/ai-coding-assistant/prompt-library.md
index 84d360e59..43593ca8a 100644
--- a/Document-Processing/ai-coding-assistant/prompt-library.md
+++ b/Document-Processing/ai-coding-assistant/prompt-library.md
@@ -10,14 +10,14 @@ domainurl: ##DomainURL##
 
 # Prompt Library - AI Coding Assistant
 
-Speed up your projects using these ready-made prompts for Syncfusion® Document Processing libraries. Each prompt is short, easy to understand, and focused on real tasks—like quick setups, tweaks, and fixes.
+Speed up your projects using these ready-made prompts for Syncfusion® components. Each prompt is short, easy to understand, and focused on real tasks—like quick setups, tweaks, and fixes.
 
 ## How to Use
 
 Before starting, make sure your MCP Server is set up and running.
 
 * Choose a prompt that fits your need.
-* Copy the full prompt with the #SyncfusionDocumentSDKAssistant handle.
+* Copy the full prompt with the appropriate assistant handle (for example, `#SyncfusionDocumentSDKAssistant` or `#SyncfusionSpreadsheetEditorSDKAssistant`).
 * Customize the prompt for your specific use case.
 * Execute via the MCP Server.
 * Always check and test the code before adding it to your project.
@@ -226,7 +226,54 @@ The Syncfusion PowerPoint Library enables developers to create, read, edit, and
 {% endpromptcard %}
 {% endpromptcards %}
 
+### Spreadsheet
+
+The Syncfusion Spreadsheet Editor SDK component enables developers to create, view, edit, and analyze spreadsheets directly in web and desktop applications across multiple platforms, including Angular, React, Vue, JavaScript, Blazor, ASP.NET Core, and more.
+
+{% promptcards %}
+{% promptcard Initialize Spreadsheet %}
+#SyncfusionSpreadsheetEditorSDKAssistant How do I initialize a basic Spreadsheet in Angular with default settings?
+{% endpromptcard %}
+{% promptcard Data Binding %}
+#SyncfusionSpreadsheetEditorSDKAssistant Show me how to bind local JSON data to the Spreadsheet in React?
+{% endpromptcard %}
+{% promptcard Remote Data Binding %}
+#SyncfusionSpreadsheetEditorSDKAssistant Provide an example of binding remote data in Vue Spreadsheet?
+{% endpromptcard %}
+{% promptcard Formulas and Calculation %}
+#SyncfusionSpreadsheetEditorSDKAssistant How can I enable formula support and use named ranges in the Typescript Spreadsheet?
+{% endpromptcard %}
+{% promptcard Charts %}
+#SyncfusionSpreadsheetEditorSDKAssistant How do I insert and customize a column chart in the Blazor Spreadsheet?
+{% endpromptcard %}
+{% promptcard Data Validation %}
+#SyncfusionSpreadsheetEditorSDKAssistant Provide an example of adding list validation in cells in Typescript?
+{% endpromptcard %}
+{% promptcard Import and Export %}
+#SyncfusionSpreadsheetEditorSDKAssistant How to import an Excel file and export the Spreadsheet as XLSX in ASP.NET Core?
+{% endpromptcard %}
+{% promptcard Ribbon and Toolbar %}
+#SyncfusionSpreadsheetEditorSDKAssistant Show how to customize the ribbon toolbar and add custom buttons in the ASP.NET MVC Spreadsheet?
+{% endpromptcard %}
+{% promptcard Grid Lines and Headers %}
+#SyncfusionSpreadsheetEditorSDKAssistant How do I show or hide grid lines and row/column headers in Windows Forms Spreadsheet?
+{% endpromptcard %}
+{% promptcard Sheet Protection %}
+#SyncfusionSpreadsheetEditorSDKAssistant How can I protect a sheet with a password in the WPF Spreadsheet control?
+{% endpromptcard %}
+{% promptcard Conditional Formatting %}
+#SyncfusionSpreadsheetEditorSDKAssistant How to apply conditional formatting such as color scales or data bars in UWP Spreadsheet?
+{% endpromptcard %}
+{% promptcard Cell Formatting %}
+#SyncfusionSpreadsheetEditorSDKAssistant How to apply cell styles, number formatting, and wrap text in the Typescript Spreadsheet?
+{% endpromptcard %}
+{% promptcard Sorting and Filtering %}
+#SyncfusionSpreadsheetEditorSDKAssistant Show me how to enable sorting and filtering features in the React Spreadsheet?
+{% endpromptcard %}
+{% endpromptcards %}
+
 ## See also
 
 * [AI Coding Assistant Overview](https://help.syncfusion.com/document-processing/ai-coding-assistant/overview)
-* [SyncfusionDocumentSDKAssistant MCP Server](https://help.syncfusion.com/document-processing/ai-coding-assistant/mcp-server)
+* [SyncfusionDocumentSDKAssistant MCP Server](https://www.npmjs.com/package/@syncfusion/documentsdk-assistant)
+* [SyncfusionSpreadsheetEditorSDKAssistant MCP Server](https://www.npmjs.com/package/@syncfusion/spreadsheeteditorsdk-assistant)
\ No newline at end of file

From e258d0a5e4ef733d44e2170f60d504122adb93c5 Mon Sep 17 00:00:00 2001
From: bhuvaneshdhakshinmaoorthy <bhuvaneshdhakshinmaoorthy>
Date: Fri, 6 Feb 2026 14:02:16 +0530
Subject: [PATCH 02/12] 993171: Moved changed to hotfix from development

---
 .../Excel/Spreadsheet/Angular/cell-range.md   |  48 ++---
 .../Excel/Spreadsheet/Angular/clipboard.md    |  18 +-
 .../Excel/Spreadsheet/Angular/comment.md      |   4 +-
 .../Excel/Spreadsheet/Angular/context-menu.md |  54 +++---
 .../Excel/Spreadsheet/Angular/data-binding.md |  48 ++---
 .../Excel/Spreadsheet/Angular/editing.md      |  14 +-
 .../Excel/Spreadsheet/Angular/filter.md       |  20 +-
 .../Excel/Spreadsheet/Angular/formatting.md   |  32 ++--
 .../Excel/Spreadsheet/Angular/formulas.md     |  44 ++---
 .../Excel/Spreadsheet/Angular/freeze-pane.md  |  10 +-
 .../Spreadsheet/Angular/getting-started.md    |  18 +-
 .../Excel/Spreadsheet/Angular/global-local.md |  16 +-
 .../Angular/how-to/change-active-sheet.md     |  10 +-
 .../how-to/create-a-object-structure.md       |   4 +-
 .../identify-the-context-menu-opened.md       |   6 +-
 .../Spreadsheet/Angular/illustrations.md      |  30 +--
 .../Excel/Spreadsheet/Angular/link.md         |  10 +-
 .../Excel/Spreadsheet/Angular/notes.md        |  12 +-
 .../Excel/Spreadsheet/Angular/open-save.md    | 116 +++++------
 .../Angular/performance-best-practices.md     |  22 +--
 .../Excel/Spreadsheet/Angular/print.md        |  10 +-
 .../Spreadsheet/Angular/protect-sheet.md      |  42 ++--
 .../Excel/Spreadsheet/Angular/ribbon.md       |  24 +--
 .../Spreadsheet/Angular/rows-and-columns.md   |  32 ++--
 .../Excel/Spreadsheet/Angular/scrolling.md    |  14 +-
 .../Excel/Spreadsheet/Angular/searching.md    |  14 +-
 .../Excel/Spreadsheet/Angular/selection.md    |  24 +--
 .../Excel/Spreadsheet/Angular/sort.md         |  28 +--
 .../Excel/Spreadsheet/Angular/template.md     |   4 +-
 .../Excel/Spreadsheet/Angular/undo-redo.md    |   4 +-
 .../Excel/Spreadsheet/Angular/worksheet.md    |  16 +-
 .../accessibility/src/app.component.ts        | 161 ----------------
 .../angular/accessibility/src/main.ts         |   2 +-
 .../angular/autofill-cs1/src/app.component.ts |  59 ------
 .../angular/autofill-cs1/src/main.ts          |   2 +-
 .../base-64-string/src/app.component.ts       |  77 --------
 .../angular/base-64-string/src/main.ts        |   2 +-
 .../calculation-cs1/src/app.component.ts      |  43 -----
 .../angular/calculation-cs1/src/main.ts       |   2 +-
 .../calculation-cs2/src/app.component.ts      |  43 -----
 .../angular/calculation-cs2/src/main.ts       |   2 +-
 .../src/app.component.ts                      |  19 --
 .../angular/cell-data-binding-cs1/src/main.ts |   2 +-
 .../src/app.component.ts                      |  29 ---
 .../change-active-sheet-cs1/src/main.ts       |   2 +-
 .../angular/chart-cs1/src/app.component.ts    |  62 ------
 .../spreadsheet/angular/chart-cs1/src/main.ts |   2 +-
 .../angular/chart-cs2/src/app.component.ts    |  61 ------
 .../spreadsheet/angular/chart-cs2/src/main.ts |   2 +-
 .../angular/chart-cs3/src/app.component.ts    |  63 ------
 .../spreadsheet/angular/chart-cs3/src/main.ts |   2 +-
 .../angular/clear-cs1/src/app.component.ts    |  61 ------
 .../spreadsheet/angular/clear-cs1/src/main.ts |   2 +-
 .../clipboard-cs1/src/app.component.ts        |  71 -------
 .../angular/clipboard-cs1/src/main.ts         |   2 +-
 .../clipboard-cs2/src/app.component.ts        |  78 --------
 .../angular/clipboard-cs2/src/main.ts         |   2 +-
 .../src/app.component.ts                      |  36 ----
 .../column-header-change-cs1/src/main.ts      |   2 +-
 .../angular/comment-cs1/src/app.component.ts  | 115 -----------
 .../angular/comment-cs1/src/main.ts           |   2 +-
 .../src/app.component.ts                      |  56 ------
 .../conditional-formatting-cs1/src/main.ts    |   2 +-
 .../contextmenu-cs1/src/app.component.ts      |  41 ----
 .../angular/contextmenu-cs1/src/main.ts       |   2 +-
 .../addContextMenu-cs1/src/app.component.ts   |  28 ---
 .../addContextMenu-cs1/src/main.ts            |   2 +-
 .../addContextMenu-cs2/src/app.component.ts   |  33 ----
 .../addContextMenu-cs2/src/main.ts            |   2 +-
 .../addContextMenu-cs3/src/app.component.ts   |  32 ----
 .../addContextMenu-cs3/src/main.ts            |   2 +-
 .../custom-sort-cs1/src/app.component.ts      |  51 -----
 .../angular/custom-sort-cs1/src/main.ts       |   2 +-
 .../data-validation-cs1/src/app.component.ts  | 126 ------------
 .../angular/data-validation-cs1/src/main.ts   |   2 +-
 .../data-validation-cs2/src/app.component.ts  |  91 ---------
 .../angular/data-validation-cs2/src/main.ts   |   2 +-
 .../defined-name-cs1/src/app.component.ts     | 109 -----------
 .../angular/defined-name-cs1/src/main.ts      |   2 +-
 .../row-column-cs1/src/app.component.ts       |  74 -------
 .../angular/delete/row-column-cs1/src/main.ts |   2 +-
 .../src/app.component.ts                      |  83 --------
 .../dynamic-data-binding-cs1/src/main.ts      |   2 +-
 .../src/app.component.ts                      | 133 -------------
 .../src/app.module.ts                         |   2 +-
 .../angular/editing-cs1/src/app.component.ts  |  79 --------
 .../angular/editing-cs1/src/main.ts           |   2 +-
 .../field-mapping-cs1/src/app.component.ts    |  45 -----
 .../angular/field-mapping-cs1/src/main.ts     |   2 +-
 .../angular/filter-cs1/src/app.component.ts   |  40 ----
 .../angular/filter-cs1/src/main.ts            |   2 +-
 .../angular/filter-cs2/src/app.component.ts   |  70 -------
 .../angular/filter-cs2/src/main.ts            |   2 +-
 .../src/app.component.ts                      |  40 ----
 .../angular/find-context-menu-cs1/src/main.ts |   2 +-
 .../app/app.component.ts                      |  38 ----
 .../find-target-context-menu/app/main.ts      |   2 +-
 .../globalization-cs1/src/app.component.ts    | 155 ---------------
 .../format/globalization-cs1/src/main.ts      |   2 +-
 .../format/number-cs1/src/app.component.ts    |  82 --------
 .../angular/format/number-cs1/src/main.ts     |   2 +-
 .../format/number-cs2/src/app.component.ts    |  98 ----------
 .../angular/format/number-cs2/src/main.ts     |   2 +-
 .../angular/formula-cs1/src/app.component.ts  | 117 -----------
 .../angular/formula-cs1/src/main.ts           |   2 +-
 .../angular/formula-cs2/src/app.component.ts  | 129 -------------
 .../angular/formula-cs2/src/main.ts           |   2 +-
 .../angular/formula-cs3/src/app.component.ts  |  82 --------
 .../angular/formula-cs3/src/main.ts           |   2 +-
 .../freezepane-cs1/src/app.component.ts       |  33 ----
 .../angular/freezepane-cs1/src/main.ts        |   2 +-
 .../src/app.component.ts                      |  59 ------
 .../angular/headers-gridlines-cs1/src/main.ts |   2 +-
 .../hide-show-cs1/src/app.component.ts        |  66 -------
 .../angular/hide-show-cs1/src/main.ts         |   2 +-
 .../angular/image-cs1/src/app.component.ts    | 149 --------------
 .../spreadsheet/angular/image-cs1/src/main.ts |   2 +-
 .../src/app.component.ts                      |  64 -------
 .../src/main.ts                               |   2 +-
 .../insert/column-cs1/src/app.component.ts    |  68 -------
 .../angular/insert/column-cs1/src/main.ts     |   2 +-
 .../insert/row-cs1/src/app.component.ts       |  73 -------
 .../angular/insert/row-cs1/src/main.ts        |   2 +-
 .../insert/sheet-cs1/src/app.component.ts     |  68 -------
 .../angular/insert/sheet-cs1/src/main.ts      |   2 +-
 .../src/app.component.ts                      |  88 ---------
 .../internationalization-cs1/src/main.ts      |   2 +-
 .../json-structure-cs1/src/app.component.ts   |  24 ---
 .../angular/json-structure-cs1/src/main.ts    |   2 +-
 .../angular/link-cs1/src/app.component.ts     |  33 ----
 .../spreadsheet/angular/link-cs1/src/main.ts  |   2 +-
 .../src/app.component.ts                      |  30 ---
 .../local-data-binding-cs1/src/main.ts        |   2 +-
 .../src/app.component.ts                      |  74 -------
 .../local-data-binding-cs2/src/main.ts        |   2 +-
 .../src/app.component.ts                      |  73 -------
 .../local-data-binding-cs3/src/main.ts        |   2 +-
 .../src/app.component.ts                      |  31 ---
 .../local-data-binding-cs4/src/main.ts        |   2 +-
 .../src/app.component.ts                      |  31 ---
 .../local-data-binding-cs5/src/main.ts        |   2 +-
 .../lock-cells-cs1/src/app.component.ts       |  95 ---------
 .../angular/lock-cells-cs1/src/main.ts        |   2 +-
 .../merge-cells-cs1/src/app.component.ts      | 120 ------------
 .../angular/merge-cells-cs1/src/main.ts       |   2 +-
 .../angular/note-cs1/src/app.component.ts     |  44 -----
 .../spreadsheet/angular/note-cs1/src/main.ts  |   2 +-
 .../angular/note-cs2/src/app.component.ts     |  44 -----
 .../spreadsheet/angular/note-cs2/src/main.ts  |   2 +-
 .../angular/note-cs3/src/app.component.ts     |  49 -----
 .../spreadsheet/angular/note-cs3/src/main.ts  |   2 +-
 .../src/app.component.ts                      |  40 ----
 .../open-from-blobdata-cs1/src/main.ts        |   2 +-
 .../open-from-json/src/app.component.ts       |  89 ---------
 .../angular/open-from-json/src/main.ts        |   2 +-
 .../open-save-cs1/src/app.component.ts        |  29 ---
 .../angular/open-save-cs1/src/main.ts         |   2 +-
 .../open-save-cs10/app/app.component.ts       |  74 -------
 .../angular/open-save-cs10/app/main.ts        |   2 +-
 .../open-save-cs11/src/app.component.ts       |  70 -------
 .../angular/open-save-cs11/src/main.ts        |   2 +-
 .../open-save-cs12/src/app.component.ts       |  55 ------
 .../angular/open-save-cs12/src/main.ts        |   2 +-
 .../open-save-cs2/src/app.component.ts        |  36 ----
 .../angular/open-save-cs2/src/main.ts         |   2 +-
 .../open-save-cs3/src/app.component.ts        |  29 ---
 .../angular/open-save-cs3/src/main.ts         |   2 +-
 .../open-save-cs4/src/app.component.ts        |  34 ----
 .../angular/open-save-cs4/src/main.ts         |   2 +-
 .../open-save-cs5/src/app.component.ts        |  58 ------
 .../angular/open-save-cs5/src/main.ts         |   2 +-
 .../open-save-cs6/src/app.component.ts        |  34 ----
 .../angular/open-save-cs6/src/main.ts         |   2 +-
 .../open-save-cs7/src/app.component.ts        |  41 ----
 .../angular/open-save-cs7/src/main.ts         |   2 +-
 .../open-save-cs8/src/app.component.ts        |  34 ----
 .../angular/open-save-cs8/src/main.ts         |   2 +-
 .../open-save-cs9/app/app.component.ts        |  53 -----
 .../angular/open-save-cs9/app/main.ts         |   2 +-
 .../passing-sort-cs1/src/app.component.ts     |  53 -----
 .../angular/passing-sort-cs1/src/main.ts      |   2 +-
 .../angular/print-cs1/src/app.component.ts    | 181 ------------------
 .../spreadsheet/angular/print-cs1/src/main.ts |   2 +-
 .../angular/print-cs2/src/app.component.ts    |  72 -------
 .../spreadsheet/angular/print-cs2/src/main.ts |   2 +-
 .../angular/print-cs3/src/app.component.ts    |  59 ------
 .../spreadsheet/angular/print-cs3/src/main.ts |   2 +-
 .../protect-sheet-cs1/src/app.component.ts    |  66 -------
 .../angular/protect-sheet-cs1/src/main.ts     |   2 +-
 .../angular/readonly-cs1/src/app.component.ts |  72 -------
 .../angular/readonly-cs1/src/main.ts          |   2 +-
 .../src/app.component.ts                      |  37 ----
 .../remote-data-binding-cs1/src/main.ts       |   2 +-
 .../src/app.component.ts                      |  45 -----
 .../remote-data-binding-cs2/src/main.ts       |   2 +-
 .../src/app.component.ts                      |  45 -----
 .../remote-data-binding-cs3/src/main.ts       |   2 +-
 .../cutomization-cs1/src/app.component.ts     | 147 --------------
 .../ribbon/cutomization-cs1/src/main.ts       |   2 +-
 .../save-as-blobdata-cs1/src/app.component.ts |  53 -----
 .../angular/save-as-blobdata-cs1/src/main.ts  |   2 +-
 .../angular/save-as-json/src/app.component.ts |  99 ----------
 .../angular/save-as-json/src/main.ts          |   2 +-
 .../scrolling-cs1/src/app.component.ts        |  53 -----
 .../angular/scrolling-cs1/src/main.ts         |   2 +-
 .../searching-cs1/src/app.component.ts        |  68 -------
 .../angular/searching-cs1/src/main.ts         |   2 +-
 .../selected-cell-values/src/app.component.ts |  53 -----
 .../selected-cell-values/src/app.module.ts    |   2 +-
 .../selection-cs1/src/app.component.ts        |  54 ------
 .../angular/selection-cs1/src/main.ts         |   2 +-
 .../selection-cs2/src/app.component.ts        |  51 -----
 .../angular/selection-cs2/src/main.ts         |   2 +-
 .../selection-cs3/src/app.component.ts        |  49 -----
 .../angular/selection-cs3/src/main.ts         |   2 +-
 .../sheet-visibility-cs1/src/app.component.ts |  95 ---------
 .../angular/sheet-visibility-cs1/src/main.ts  |   2 +-
 .../sort-by-cell-cs1/src/app.component.ts     |  42 ----
 .../angular/sort-by-cell-cs1/src/main.ts      |   2 +-
 .../spreadsheet-cs1/src/app.component.ts      |  17 --
 .../angular/spreadsheet-cs1/src/main.ts       |   2 +-
 .../angular/template-cs1/src/app.component.ts | 148 --------------
 .../angular/template-cs1/src/main.ts          |   2 +-
 .../undo-redo-cs1/src/app.component.ts        |  54 ------
 .../angular/undo-redo-cs1/src/main.ts         |   2 +-
 .../wrap-text-cs1/src/app.component.ts        |  81 --------
 .../angular/wrap-text-cs1/src/main.ts         |   2 +-
 227 files changed, 478 insertions(+), 6962 deletions(-)
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.component.ts
 delete mode 100644 Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.component.ts

diff --git a/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md b/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md
index c4e800488..4037bb051 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md
@@ -13,19 +13,19 @@ A group of cells in a sheet is known as cell range.
 
 ## Wrap text
 
-Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowwrap) property to enable or disable the wrap text support in spreadsheet.
+Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowwrap) property to enable or disable the wrap text support in spreadsheet.
 
 Wrap text can be applied or removed to a cell or range of cells in the following ways,
 
 * Using the `wrap` property in `cell`, you can enable or disable wrap text to a cell at initial load.
 * Select or deselect wrap button from ribbon toolbar to apply or remove the wrap text to the selected range.
-* Using the [`wrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#wrap) method, you can apply or remove the wrap text once the component is loaded.
+* Using the [`wrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#wrap) method, you can apply or remove the wrap text once the component is loaded.
 
 The following code example shows the wrap text functionality in spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -44,13 +44,13 @@ The following features have some limitations in wrap text:
 
 ## Merge cells
 
-Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowmerge) property to enable or disable the merge cells option in spreadsheet.
+Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowmerge) property to enable or disable the merge cells option in spreadsheet.
 
 You can merge the range of cells in the following ways,
 
 * Set the `rowSpan` and `colSpan` property in `cell` to merge the number of cells at initial load.
 * Select the range of cells and apply merge by selecting the desired option from ribbon toolbar.
-* Use [`merge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#merge) method to merge the range of cells, once the component is loaded.
+* Use [`merge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#merge) method to merge the range of cells, once the component is loaded.
 
 The available merge options in spreadsheet are,
 
@@ -64,8 +64,8 @@ The available merge options in spreadsheet are,
 The following code example shows the merge cells operation in spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -84,7 +84,7 @@ The following features have some limitations in Merge:
 
 ## Data Validation
 
-Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowdatavalidation) property to enable or disable data validation.
+Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowdatavalidation) property to enable or disable data validation.
 
 > * The default value for `allowDataValidation` property is `true`.
 
@@ -95,7 +95,7 @@ You can apply data validation to restrict the type of data or the values that us
 You can apply data validation by using one of the following ways,
 
 * Select the Data tab in the Ribbon toolbar, and then choose the Data Validation item.
-* Use the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#adddatavalidation) method programmatically.
+* Use the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddatavalidation) method programmatically.
 
 ### Clear Validation
 
@@ -104,7 +104,7 @@ Clear validation feature is used to remove data validations from the specified r
 You can clear data validation rule by one of the following ways,
 
 * Select the Data tab in the Ribbon toolbar, and then choose the Clear Validation item.
-* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removedatavalidation) method programmatically.
+* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removedatavalidation) method programmatically.
 
 ### Highlight Invalid Data
 
@@ -113,7 +113,7 @@ Highlight invalid data feature is used to highlight the previously entered inval
 You can highlight an invalid data by using one of the following ways,
 
 * Select the Data tab in the Ribbon toolbar, and then choose the Highlight Invalid Data item.
-* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addinvalidhighlight) method programmatically.
+* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addinvalidhighlight) method programmatically.
 
 ### Clear Highlighted Invalid Data
 
@@ -122,11 +122,11 @@ Clear highlight feature is used to remove the highlight from invalid cells.
 You can clear the highlighted invalid data by using the following ways,
 
 * Select the Data tab in the Ribbon toolbar, and then choose the Clear Highlight item.
-* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removeinvalidhighlight) method programmatically.
+* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removeinvalidhighlight) method programmatically.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/data-validation-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/data-validation-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -149,13 +149,13 @@ When this rule is applied, the Spreadsheet evaluates the entered value against t
 You can apply custom data validation using two methods.
 
 * The first is through the Data Validation dialog in the Ribbon toolbar. Navigate to the Data tab, select the Data Validation option, and choose the Custom type from the Allow dropdown menu.
-* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#adddatavalidation) method, which allows developers to set custom rules dynamically via code.
+* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddatavalidation) method, which allows developers to set custom rules dynamically via code.
 
 The following code example demonstrates how to add custom data validation with a formula in a Spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/data-validation-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/data-validation-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -238,8 +238,8 @@ You can do this by one of the following ways,
 In the following sample, you can enable/disable the fill option on the button click event by using the `showFillOptions` property in `autoFillSettings`.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/autofill-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/autofill-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -265,7 +265,7 @@ Clear feature helps you to clear the cell contents (formulas and data), formats
 You can apply clear feature by using one of the following ways,
 
 * Select the clear icon in the Ribbon toolbar under the Home Tab.
-* Using the [`clear()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clear) method to clear the values.
+* Using the [`clear()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clear) method to clear the values.
 
 Clear has the following types in the spreadsheet,
 
@@ -278,11 +278,11 @@ Clear has the following types in the spreadsheet,
 
 ### Methods
 
-Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clear) method. The [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event.
+Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clear) method. The [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/clear-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/clear-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/clipboard.md b/Document-Processing/Excel/Spreadsheet/Angular/clipboard.md
index ca6e72589..7c70da2fe 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/clipboard.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/clipboard.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Clipboard in Angular Spreadsheet component
 
-The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet.
+The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enableclipboard) property in Spreadsheet.
 
 > By default, the `enableClipboard` property is true.
 
@@ -24,7 +24,7 @@ Cut can be done in one of the following ways.
 * Using Cut button in the Ribbon’s HOME tab to perform cut operation.
 * Using Cut option in the Context Menu.
 * Using `Ctrl + X` | `Command + X` keyboard shortcut.
-* Using the [`cut`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#cut) method.
+* Using the [`cut`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#cut) method.
 
 ## Copy
 
@@ -37,7 +37,7 @@ Copy can be done in one of the following ways.
 * Using Copy button in the Ribbon’s HOME tab to perform copy operation.
 * Using Copy option in the Context Menu.
 * Using `Ctrl + C` | `Command + C` keyboard shortcut.
-* Using the [`copy`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#copy) method.
+* Using the [`copy`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#copy) method.
 
 ## Paste
 
@@ -55,13 +55,13 @@ Paste can be done in one of the following ways.
 * Using Paste button in the Ribbon’s HOME tab to perform paste operation.
 * Using Paste option in the Context Menu.
 * Using `Ctrl + V` | `Command + V` keyboard shortcut.
-* Using the [`paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#paste) method.
+* Using the [`paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#paste) method.
 
 > If you use the Keyboard shortcut key for cut (`Ctrl + X`) | copy (`Ctrl + C`) from other sources, you should use `Ctrl + V` shortcut while pasting into the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/clipboard-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/clipboard-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -73,11 +73,11 @@ Paste can be done in one of the following ways.
 
 ## Prevent the paste functionality
 
-The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type.
+The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#actionbegin) event, you can set `cancel` argument as false in paste request type.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/clipboard-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/clipboard-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/comment.md b/Document-Processing/Excel/Spreadsheet/Angular/comment.md
index 43f35f1b8..40bd6eb17 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/comment.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/comment.md
@@ -174,8 +174,8 @@ You can bind **comment thread** to cells at initial load by providing a `comment
 In the below sample, comments are added to a specific cell using cell data binding. The "Comments" review pane is shown initially by enabling the `showCommentsPane` property, and comments are added using `updateCell` method in the `created` event.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/comment-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/comment-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/context-menu.md b/Document-Processing/Excel/Spreadsheet/Angular/context-menu.md
index d03529353..4df55c024 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/context-menu.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/context-menu.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Context menu in Angular Spreadsheet component
 
-Context Menu is used to improve user interaction with Spreadsheet using the popup menu. This will open when right-clicking on Cell/Column Header/Row Header/ Pager in the Spreadsheet. You can use [`enableContextMenu`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enablecontextmenu) property to enable/disable context menu.
+Context Menu is used to improve user interaction with Spreadsheet using the popup menu. This will open when right-clicking on Cell/Column Header/Row Header/ Pager in the Spreadsheet. You can use [`enableContextMenu`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enablecontextmenu) property to enable/disable context menu.
 
 > The default value for the `enableContextMenu` property is `true`.
 
@@ -19,13 +19,13 @@ Please find the table below for default context menu items and their actions.
 
 | Context Menu items | Action |
 |-------|---------|
-| [`Cut`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#cut) | Cut the selected cells data to the clipboard, you can select a cell where you want to move the data. |
-| [`Copy`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#copy) | Copy the selected cells data to the clipboard, so that you can paste it to somewhere else. |
-| [`Paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#paste) | Paste the data from clipboard to spreadsheet. |
-| [`Paste Special`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#paste) | `Values` - Paste the data values from clipboard to spreadsheet.  `Formats` - Paste the data formats from clipboard to spreadsheet. |
-| [`Filter`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#filter) | Perform filtering to the selected cells based on an active cell’s value. |
-| [`Sort`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sort) | Perform sorting to the selected range of cells by ascending or descending. |
-| [`Hyperlink`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hyperlink) | Create a link in the spreadsheet to navigate to web links or cell reference within the sheet or other sheets in the Spreadsheet. |
+| [`Cut`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#cut) | Cut the selected cells data to the clipboard, you can select a cell where you want to move the data. |
+| [`Copy`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#copy) | Copy the selected cells data to the clipboard, so that you can paste it to somewhere else. |
+| [`Paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#paste) | Paste the data from clipboard to spreadsheet. |
+| [`Paste Special`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#paste) | `Values` - Paste the data values from clipboard to spreadsheet.  `Formats` - Paste the data formats from clipboard to spreadsheet. |
+| [`Filter`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#filter) | Perform filtering to the selected cells based on an active cell’s value. |
+| [`Sort`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sort) | Perform sorting to the selected range of cells by ascending or descending. |
+| [`Hyperlink`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hyperlink) | Create a link in the spreadsheet to navigate to web links or cell reference within the sheet or other sheets in the Spreadsheet. |
 
 ## Context Menu Items in Row Header / Column Header
 
@@ -33,14 +33,14 @@ Please find the table below for default context menu items and their actions.
 
 | Context Menu items | Action |
 |-------|---------|
-| [`Cut`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#cut) | Cut the selected row/column header data to the clipboard, you can select a cell where you want to move the data. |
-| [`Copy`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#copy) | Copy the selected row/column header data to the clipboard, so that you can paste it to somewhere else. |
-| [`Paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#paste) | Paste the data from clipboard to spreadsheet. |
-| [`Paste Special`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. |
-| [`Insert Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#insertrow) / [`Insert Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#insertcolumn) | Insert new rows or columns into the worksheet. |
-| [`Delete Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#delete) / [`Delete Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#delete) | Delete existing rows or columns from the worksheet. |
-| [`Hide Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hiderow) / [`Hide Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hidecolumn) | Hide the or and columns. |
-| [`UnHide Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hiderow) / [`UnHide Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hidecolumn) | Show the hidden rows or columns. |
+| [`Cut`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#cut) | Cut the selected row/column header data to the clipboard, you can select a cell where you want to move the data. |
+| [`Copy`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#copy) | Copy the selected row/column header data to the clipboard, so that you can paste it to somewhere else. |
+| [`Paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#paste) | Paste the data from clipboard to spreadsheet. |
+| [`Paste Special`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. |
+| [`Insert Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertrow) / [`Insert Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertcolumn) | Insert new rows or columns into the worksheet. |
+| [`Delete Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#delete) / [`Delete Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#delete) | Delete existing rows or columns from the worksheet. |
+| [`Hide Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hiderow) / [`Hide Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hidecolumn) | Hide the or and columns. |
+| [`UnHide Rows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hiderow) / [`UnHide Columns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hidecolumn) | Show the hidden rows or columns. |
 
 ## Context Menu Items in Pager
 
@@ -51,8 +51,8 @@ Please find the table below for default context menu items and their actions.
 | `Insert` | Insert a new worksheet in front of an existing worksheet in the spreadsheet. |
 | `Delete` | Delete the selected worksheet from the spreadsheet. |
 | `Rename` | Rename the selected worksheet. |
-| [`Protect Sheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#protectsheet) | Prevent unwanted changes from others by limiting their ability to edit. |
-| [`Hide`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hide) |Hide the selected worksheet. |
+| [`Protect Sheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#protectsheet) | Prevent unwanted changes from others by limiting their ability to edit. |
+| [`Hide`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hide) |Hide the selected worksheet. |
 
 ## Context Menu Customization
 
@@ -64,13 +64,13 @@ You can perform the following context menu customization options in the spreadsh
 
 ### Add Context Menu Items
 
-You can add the custom items in context menu using the [`addContextMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addcontextmenuitems) in `contextmenuBeforeOpen` event
+You can add the custom items in context menu using the [`addContextMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addcontextmenuitems) in `contextmenuBeforeOpen` event
 
 In this demo, Custom Item is added after the Paste item in the context menu.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -82,13 +82,13 @@ In this demo, Custom Item is added after the Paste item in the context menu.
 
 ### Remove Context Menu Items
 
-You can remove the items in context menu using the [`removeContextMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removecontextmenuItems) in `contextmenuBeforeOpen` event
+You can remove the items in context menu using the [`removeContextMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removecontextmenuItems) in `contextmenuBeforeOpen` event
 
 In this demo, Insert Column item has been removed from the row/column header context menu.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -100,13 +100,13 @@ In this demo, Insert Column item has been removed from the row/column header con
 
 ### Enable/Disable Context Menu Items
 
-You can enable/disable the items in context menu using the [`enableContextMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enablecontextmenuItems) in `contextmenuBeforeOpen` event
+You can enable/disable the items in context menu using the [`enableContextMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enablecontextmenuItems) in `contextmenuBeforeOpen` event
 
 In this demo, Rename item is disabled in the pager context menu.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md b/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md
index c1adfd666..4afc89401 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Data binding in Angular Spreadsheet component
 
-The Spreadsheet uses [`DataManager`](https://helpej2.syncfusion.com/angular/documentation/data/), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [`DataManager`](https://helpej2.syncfusion.com/angular/documentation/data/) or JavaScript object array collection.
+The Spreadsheet uses [DataManager](https://helpej2.syncfusion.com/angular/documentation/data), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) or JavaScript object array collection.
 
 > To bind data to a cell, use `cell data binding` support.
 
@@ -20,8 +20,8 @@ To bind local data to the Spreadsheet, you can assign a JavaScript object array
 Refer to the following code example for local data binding.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -31,19 +31,19 @@ Refer to the following code example for local data binding.
   
 {% previewsample "/document-processing/samples/spreadsheet/angular/local-data-binding-cs1" %}
 
-> The local data source can also be provided as an instance of the [`DataManager`](https://helpej2.syncfusion.com/angular/documentation/data/). By default, [`DataManager`](https://helpej2.syncfusion.com/angular/documentation/data/) uses [`JsonAdaptor`](https://ej2.syncfusion.com/angular/documentation/data/adaptors#json-adaptor) for local data-binding.
+> The local data source can also be provided as an instance of the [DataManager](https://helpej2.syncfusion.com/angular/documentation/data). By default, [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/angular/documentation/data/adaptors#json-adaptor) for local data-binding.
 
 ### Customizing column data mapping
 
-By default, when a data source is bound to a sheet, columns are auto-assigned from the data source fields sequentially. This means that the first field in the data source is assigned to Column A, the second to Column B, and so on, sequentially. However, now you can customize the column assignments by specifying the appropriate field names in the desired order using the [fieldsOrder](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangeModel/#fieldsorder) property.
+By default, when a data source is bound to a sheet, columns are auto-assigned from the data source fields sequentially. This means that the first field in the data source is assigned to Column A, the second to Column B, and so on, sequentially. However, now you can customize the column assignments by specifying the appropriate field names in the desired order using the [fieldsOrder](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangemodel#fieldsorder) property.
 
 > You can customize the mapping of column data only in the local data binding support.
 
 The following code example demonstrates how to customize the mapping of column data:
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -55,13 +55,13 @@ The following code example demonstrates how to customize the mapping of column d
 
 ## Remote data
 
-To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://helpej2.syncfusion.com/angular/documentation/data/) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`.
+To bind remote data to the Spreadsheet control, assign service data as an instance of [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`.
 
 Refer to the following code example for remote data binding.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -78,8 +78,8 @@ Refer to the following code example for remote data binding.
 `OData` is a standardized protocol for creating and consuming data. You can retrieve data from OData service using the DataManager. Refer to the following code example for remote Data binding using OData service.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -94,8 +94,8 @@ Refer to the following code example for remote data binding.
 You can use WebApiAdaptor to bind spreadsheet with Web API created using OData endpoint.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -107,13 +107,13 @@ You can use WebApiAdaptor to bind spreadsheet with Web API created using OData e
 
 ## Cell data binding
 
-The Spreadsheet control can bind the data to individual cell in a sheet . To achive this you can use the `value` property.
+The Spreadsheet control can bind the data to individual cell in a sheet . To achieve this you can use the `value` property.
 
 Refer to the following code example for cell data binding.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -142,8 +142,8 @@ The following table defines the arguments of the `dataSourceChanged` event.
 > For inserting a row at the end of the datasource range, you should insert a row below at the end of the range to trigger the `dataSourceChanged` event with action `add`.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -155,15 +155,15 @@ The following table defines the arguments of the `dataSourceChanged` event.
 
 ## Dynamic data binding using updateRange method
 
-The [updateRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangeModel/#datasource) in a spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the spreadsheet.
+The [updateRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangemodel#datasource) in a spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the spreadsheet.
 
-To use the [updateRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#updaterange) method, provide the new [dataSource](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangeModel/#datasource) and specify the starting cell for the update using the [startCell](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangeModel/#startcell) property of the `RangeDirective`. Additionally, set the `sheetIndex` to target the appropriate sheet for the update.
+To use the [updateRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#updaterange) method, provide the new [dataSource](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangemodel#datasource) and specify the starting cell for the update using the [startCell](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/rangemodel#startcell) property of the `RangeDirective`. Additionally, set the `sheetIndex` to target the appropriate sheet for the update.
 
-The following code example demonstrates how to dynamically update data using the [updateRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#updaterange) method.
+The following code example demonstrates how to dynamically update data using the [updateRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#updaterange) method.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/editing.md b/Document-Processing/Excel/Spreadsheet/Angular/editing.md
index e510bad2a..975336045 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/editing.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/editing.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Editing in Angular Spreadsheet component
 
-You can edit the contents of a cell directly in the cell or by typing in the formula bar. By default, the editing feature is enabled in the spreadsheet. Use the [`allowEditing`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowediting) property to enable or disable the editing feature.
+You can edit the contents of a cell directly in the cell or by typing in the formula bar. By default, the editing feature is enabled in the spreadsheet. Use the [`allowEditing`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowediting) property to enable or disable the editing feature.
 
 ## Edit cell
 
@@ -19,7 +19,7 @@ You can start editing by one of the following ways,
 * Press `F2` key to edit the active cell.
 * Use formula bar to perform editing.
 * Use `BACKSPACE` or `SPACE` key to clear the cell content and start the edit mode.
-* Using the [`startEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#startedit) method.
+* Using the [`startEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#startedit) method.
 
 ## Save cell
 
@@ -27,20 +27,20 @@ If the cell is in editable state, you can save the edited cell by one of the fol
 
 * Perform mouse click on any other cell rather than the current editing cell.
 * Press `Enter` or `Tab` keys to save the edited cell content.
-* Using the [`endEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#endedit) method.
+* Using the [`endEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#endedit) method.
 
 ## Cancel editing
 
 To cancel the editing without saving the changes, you can use one of the following ways,
 
 * Press `ESCAPE` key, this will remove the editable state and update the unchanged cell content.
-* Using the [`closeEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#closeedit) method.
+* Using the [`closeEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#closeedit) method.
 
-The following sample shows how to prevent the editing and cell save. Here `E` column prevent the editing by using cancel argument as true in [`cellEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#celledit) event. In `D` column, prevent saving the edited changes by using cancel argument as true in [`beforeCellSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforecellsave) and use [`closeEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#closeedit) method in spreadsheet.
+The following sample shows how to prevent the editing and cell save. Here `E` column prevent the editing by using cancel argument as true in [`cellEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#celledit) event. In `D` column, prevent saving the edited changes by using cancel argument as true in [`beforeCellSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforecellsave) and use [`closeEdit`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#closeedit) method in spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/editing-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/editing-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/filter.md b/Document-Processing/Excel/Spreadsheet/Angular/filter.md
index d13ebdf21..1cec3dc3f 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/filter.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/filter.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Filter in Angular Spreadsheet component
 
-Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowfiltering) property to enable or disable filtering functionality.
+Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowfiltering) property to enable or disable filtering functionality.
 
 > * The default value for `allowFiltering` property is `true`.
 
@@ -21,23 +21,23 @@ In the active Spreadsheet, select a range of cells to filter by value of the cel
 
 * Select the filter item in the Ribbon toolbar.
 * Right-click the sheet, select the filter item in the context menu.
-* Use the [`applyFilter()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#applyfilter) method programmatically.
+* Use the [`applyFilter()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#applyfilter) method programmatically.
 * Use `Ctrl + Shift + L` keyboard shortcut to apply the filter.
 
 > * Use `Alt + Up/Down` keyboard shortcut to open the filter dialog.
 
 ## Filter by criteria
 
-The [`applyFilter()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#applyfilter) method will apply the filter UI, based on the predicate and range given in the arguments.
+The [`applyFilter()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#applyfilter) method will apply the filter UI, based on the predicate and range given in the arguments.
 
-> * The [`beforeFilter`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforefilter) event will be triggered before filtering the specified range.
-> * The [`filterComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#filtercomplete) event will be triggered after the filter action is completed successfully.
+> * The [`beforeFilter`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforefilter) event will be triggered before filtering the specified range.
+> * The [`filterComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#filtercomplete) event will be triggered after the filter action is completed successfully.
 
 The following code example shows `filter` functionality in the Spreadsheet control.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/filter-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/filter-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -81,13 +81,13 @@ The following errors have been handled for filtering,
 
 ## Get data from filtered rows
 
-Filtering allows you to view specific rows in a spreadsheet while hiding the others. The [`allowFiltering`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowfiltering) property allows you to enable or disable filtering functionality through the UI. You can also use the [`allowFiltering`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowfiltering) property and [`applyFilter`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#applyfilter) method combination to filter data via code behind. The filtered rows can be identified by iterating through the row collection on the sheet and using the `isFiltered` property available in each row object.
+Filtering allows you to view specific rows in a spreadsheet while hiding the others. The [`allowFiltering`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowfiltering) property allows you to enable or disable filtering functionality through the UI. You can also use the [`allowFiltering`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowfiltering) property and [`applyFilter`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#applyfilter) method combination to filter data via code behind. The filtered rows can be identified by iterating through the row collection on the sheet and using the `isFiltered` property available in each row object.
 
 The following code example shows how to get the filtered rows.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/filter-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/filter-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/formatting.md b/Document-Processing/Excel/Spreadsheet/Angular/formatting.md
index ce6fce8f8..bc113054c 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/formatting.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/formatting.md
@@ -16,7 +16,7 @@ Formatting options make your data easier to view and understand. The different t
 
 ## Number Formatting
 
-Number formatting provides a type for your data in the Spreadsheet. Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in Spreadsheet are,
+Number formatting provides a type for your data in the Spreadsheet. Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in Spreadsheet are,
 
 | Types | Format Code | Format ID |
 |---------|---------|---------|
@@ -34,7 +34,7 @@ Number formatting provides a type for your data in the Spreadsheet. Use the [`al
 
 Number formatting can be applied in following ways,
 * Using the `format` property in `cell`, you can set the desired format to each cell at initial load.
-* Using the [`numberFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#numberformat) method, you can set the number format to a cell or range of cells.
+* Using the [`numberFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#numberformat) method, you can set the number format to a cell or range of cells.
 * Selecting the number format option from ribbon toolbar.
 
 ### Custom Number Formatting
@@ -83,14 +83,14 @@ The different types of custom number format populated in the custom number forma
 | Accounting | `_(* #,##0.00_);_(* (#,##0.00);_(* "-"??_);_(@_)` | 43 |
 
 Custom Number formatting can be applied in following ways,
-* Using the [`numberFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#numberformat) method, you can set your own custom number format to a cell or range of cells.
+* Using the [`numberFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#numberformat) method, you can set your own custom number format to a cell or range of cells.
 * Selecting the custom number format option from custom number formats dialog or type your own format in dialog input and then click apply button. It will apply the custom format for selected cells.
 
 The following code example shows the number formatting in cell data.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/format/number-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/format/number-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -144,8 +144,8 @@ configureLocalizedFormat(this.spreadsheetObj, deLocaleFormats);
 The following code example demonstrates how to configure culture-based formats for different cultures in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -157,9 +157,9 @@ The following code example demonstrates how to configure culture-based formats f
 
 ## Text and cell formatting
 
-Text and cell formatting enhances the look and feel of your cell. It helps to highlight a particular cell or range of cells from a whole workbook. You can apply formats like font size, font family, font color, text alignment, border etc. to a cell or range of cells. Use the [`allowCellFormatting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowcellformatting) property to enable or disable the text and cell formatting option in Spreadsheet. You can set the formats in following ways,
+Text and cell formatting enhances the look and feel of your cell. It helps to highlight a particular cell or range of cells from a whole workbook. You can apply formats like font size, font family, font color, text alignment, border etc. to a cell or range of cells. Use the [`allowCellFormatting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowcellformatting) property to enable or disable the text and cell formatting option in Spreadsheet. You can set the formats in following ways,
 * Using the `style` property, you can set formats to each cell at initial load.
-* Using the [`cellFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#cellformat) method, you can set formats to a cell or range of cells.
+* Using the [`cellFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#cellformat) method, you can set formats to a cell or range of cells.
 * You can also apply by clicking the desired format option from the ribbon toolbar.
 
 ### Fonts
@@ -215,8 +215,8 @@ Borders can be applied in the following ways,
 The following code example shows the style formatting in text and cells of the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/format/number-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/format/number-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -235,7 +235,7 @@ The following features are not supported in Formatting:
 
 ## Conditional Formatting
 
-Conditional formatting helps you to format a cell or range of cells based on the conditions applied. You can enable or disable conditional formats by using the [`allowConditionalFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowconditionalformat) property.
+Conditional formatting helps you to format a cell or range of cells based on the conditions applied. You can enable or disable conditional formats by using the [`allowConditionalFormat`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowconditionalformat) property.
 
 > * The default value for the `allowConditionalFormat` property is `true`.
 
@@ -244,7 +244,7 @@ Conditional formatting helps you to format a cell or range of cells based on the
 You can apply conditional formatting by using one of the following ways,
 
 * Select the conditional formatting icon in the Ribbon toolbar under the Home Tab.
-* Using the [`conditionalFormat()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#conditionalformat) method to define the condition.
+* Using the [`conditionalFormat()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#conditionalformat) method to define the condition.
 * Using the `conditionalFormats` in sheets model.
 
 Conditional formatting has the following types in the spreadsheet,
@@ -310,11 +310,11 @@ In the MAY and JUN columns, we have applied conditional formatting custom format
 You can clear the defined rules by using one of the following ways,
 
 * Using the “Clear Rules” option in the Conditional Formatting button of HOME Tab in the ribbon to clear the rule from selected cells.
-* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clearconditionalformat) method to clear the defined rules.
+* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clearconditionalformat) method to clear the defined rules.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/formulas.md b/Document-Processing/Excel/Spreadsheet/Angular/formulas.md
index f0f98ebd6..7e2d1fb6e 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/formulas.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/formulas.md
@@ -18,7 +18,7 @@ You can set formula for a cell in the following ways,
 * Using the `formula` property from `cell`, you can set the formula or expression to each cell at initial load.
 * Set the formula or expression through data binding.
 * You can set formula for a cell by [`editing`](./editing).
-* Using the [`updateCell`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#updatecell) method, you can set or update the cell formula.
+* Using the [`updateCell`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#updatecell) method, you can set or update the cell formula.
 
 ## Culture-Based Argument Separator
 
@@ -26,13 +26,13 @@ Previously, although you could import culture-based Excel files into the Spreads
 
 > Before importing culture-based Excel files, ensure that the Spreadsheet component is rendered with the corresponding culture. Additionally, launch the import/export services with the same culture to ensure compatibility.
 
-When loading spreadsheet data with culture-based formula argument separators using cell data binding, local/remote data, or JSON, ensure to set the [listSeparator](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#listseparator) property value as the culture-based list separator from your end. Additionally, note that when importing an Excel file, the [listSeparator](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#listseparator) property will be updated based on the culture of the launched import/export service.
+When loading spreadsheet data with culture-based formula argument separators using cell data binding, local/remote data, or JSON, ensure to set the [listSeparator](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#listseparator) property value as the culture-based list separator from your end. Additionally, note that when importing an Excel file, the [listSeparator](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#listseparator) property will be updated based on the culture of the launched import/export service.
 
 In the example below, the Spreadsheet component is rendered with the `German culture (de)`. Additionally, you can find references on how to set the culture-based argument separator and culture-based formatted numeric value as arguments to the formulas.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/formula-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/formula-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -46,13 +46,13 @@ In the example below, the Spreadsheet component is rendered with the `German cul
 
 The Spreadsheet includes a number of built-in formulas. For your convenience, a list of supported formulas can be found [here](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/formulas#supported-formulas).
 
-You can define and use an unsupported formula, i.e. a user defined/custom formula, in the spreadsheet by using the [addCustomFunction](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addcustomfunction) function. Meanwhile, remember that you should define a user defined/custom formula whose results should only return a single value. If a user-defined/custom formula returns an array, it will be time-consuming to update adjacent cell values.
+You can define and use an unsupported formula, i.e. a user defined/custom formula, in the spreadsheet by using the [addCustomFunction](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addcustomfunction) function. Meanwhile, remember that you should define a user defined/custom formula whose results should only return a single value. If a user-defined/custom formula returns an array, it will be time-consuming to update adjacent cell values.
 
 The following code example shows an unsupported formula in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/formula-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/formula-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -62,13 +62,13 @@ The following code example shows an unsupported formula in the spreadsheet.
   
 {% previewsample "/document-processing/samples/spreadsheet/angular/formula-cs1" %}
 
-Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#computeexpression) method. This method will work for both built-in and used-defined/custom formula.
+Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#computeexpression) method. This method will work for both built-in and used-defined/custom formula.
 
 The following code example shows how to use `computeExpression` method in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/formula-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/formula-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -80,22 +80,22 @@ The following code example shows how to use `computeExpression` method in the sp
 
 ## Formula bar
 
-Formula bar is used to edit or enter cell data in much easier way. By default, the formula bar is enabled in the spreadsheet. Use the [`showFormulaBar`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#showformulabar) property to enable or disable the formula bar.
+Formula bar is used to edit or enter cell data in much easier way. By default, the formula bar is enabled in the spreadsheet. Use the [`showFormulaBar`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#showformulabar) property to enable or disable the formula bar.
 
 ## Named Ranges
 
 You can define a meaningful name for a cell range and use it in the formula for calculation. It makes your formula much easier to understand and maintain. You can add named ranges to the Spreadsheet in the following ways,
 
-* Using the [`definedNames`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#definednames) collection, you can add multiple named ranges at initial load.
-* Use the [`addDefinedName`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#adddefinedname) method to add a named range dynamically.
-* You can remove an added named range dynamically using the [`removeDefinedName`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removedefinedname) method.
+* Using the [`definedNames`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#definednames) collection, you can add multiple named ranges at initial load.
+* Use the [`addDefinedName`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddefinedname) method to add a named range dynamically.
+* You can remove an added named range dynamically using the [`removeDefinedName`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removedefinedname) method.
 * Select the range of cells, and then enter the name for the selected range in the name box.
 
 The following code example shows the usage of named ranges support.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/defined-name-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/defined-name-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -112,19 +112,19 @@ The Spreadsheet provides a `Calculation Mode` feature like the calculation optio
 * `Automatic`: Formulas are recalculated instantly whenever a change occurs in the dependent cells.
 * `Manual`: Formulas are recalculated only when triggered explicitly by the user using options like `Calculate Sheet` or `Calculate Workbook`.
 
-You can configure the calculate mode using the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#calculationmode) property of the Spreadsheet. These modes offer flexibility to balance real-time updates and performance optimization.
+You can configure the calculate mode using the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#calculationmode) property of the Spreadsheet. These modes offer flexibility to balance real-time updates and performance optimization.
 
 ### Automatic Mode
 
 In Automatic Mode, formulas are recalculated instantly whenever a dependent cell is modified. This mode is perfect for scenarios where real-time updates are essential, ensuring that users see the latest results without additional actions.
 
-For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. You can enable this mode by setting the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#calculationmode) property to `Automatic`.
+For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. You can enable this mode by setting the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#calculationmode) property to `Automatic`.
 
 The following code example demonstrates how to set the Automatic calculation mode in a Spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/calculation-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/calculation-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -146,8 +146,8 @@ For example, imagine a spreadsheet where cell `C1` contains the formula `=A1+B1`
 The following code example demonstrates how to set the Manual calculation mode in a Spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/calculation-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/calculation-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md
index a23f14035..9f7bafddc 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md
@@ -9,16 +9,16 @@ documentation: ug
 
 # Freeze pane in Angular Spreadsheet component
 
-Freeze Panes helps you to keep particular rows or columns visible when scrolling the sheet content in the spreadsheet. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet#sheets) property.
+Freeze Panes helps you to keep particular rows or columns visible when scrolling the sheet content in the spreadsheet. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet#sheets) property.
 
-## Apply freezepanes on UI
+## Apply freeze panes on UI
 
 **User Interface**:
 
 In the active spreadsheet, click the cell where you want to create freeze panes. Freeze panes can be done in any of the following ways:
 
 * Select the View tab in the Ribbon toolbar and choose the `Freeze Panes` item.
-* Use the [`freezePanes`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#freezepanes) method programmatically.
+* Use the [`freezePanes`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#freezepanes) method programmatically.
 
 ## FrozenRows
 
@@ -45,8 +45,8 @@ In the active spreadsheet, select the cell where you want to create frozen colum
 In this demo, the frozenColumns is set as ‘2’, and the frozenRows is set as ‘2’. Hence, the two columns on the left and the top two rows are frozen.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/freezepane-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/freezepane-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md b/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md
index cbb25b052..3dd6d909d 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/getting-started.md
@@ -15,6 +15,10 @@ To get start quickly with Angular Spreadsheet using CLI, you can check on this v
 
 {% youtube "https://www.youtube.com/watch?v=2Ozwe37X-7Q" %}
 
+## Prerequisites
+
+Ensure your development environment meets the [`System Requirements for Syncfusion® Angular Spreadsheet component`](https://help.syncfusion.com/document-processing/system-requirements).
+
 ## Dependencies
 
 The following list of dependencies are required to use the Spreadsheet component in your application.
@@ -59,6 +63,14 @@ This command prompts you to configure settings such as whether to include Angula
 
 By default, it will create a CSS-based application.
 
+During project setup, when prompted for the Server-side rendering (SSR) option, choose the appropriate configuration.
+
+![Spreadsheet showing a comment](./images/gettingstarted_SSR.png)
+
+Select the required AI tool or ‘none’ if you do not need any AI tool.
+
+![Spreadsheet showing a comment](./images/gettingstarted_AI.png)
+
 Navigate to the created application folder:
 
 ```bash
@@ -127,7 +139,7 @@ This can be referenced in `[src/styles.css]` using following code.
 
 ## Add Spreadsheet component
 
-Modify the template in [src/app/app.component.ts] file to render the spreadsheet component. Add the Angular Spreadsheet by using `<ejs-spreadsheet>` selector in template section of the `app.component.ts` file.
+Modify the template in [src/app/app.ts] file to render the spreadsheet component. Add the Angular Spreadsheet by using `<ejs-spreadsheet>` selector in template section of the `app.ts` file.
 
 ```typescript
 import { Component } from '@angular/core';
@@ -156,8 +168,8 @@ ng serve
 The following example shows a basic Spreadsheet component
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/global-local.md b/Document-Processing/Excel/Spreadsheet/Angular/global-local.md
index e9761547b..dac37ff77 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/global-local.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/global-local.md
@@ -11,7 +11,7 @@ documentation: ug
 
 ## Localization
 
-The [`Localization`](https://helpej2.syncfusion.com/angular/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The Spreadsheet has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#locale) value and translation object.
+The [Localization](https://helpej2.syncfusion.com/angular/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The Spreadsheet has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`]https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#locale) value and translation object.
 
 The following list of properties and their values are used in the Spreadsheet.
 
@@ -381,8 +381,8 @@ To load translation object in an application, use [`load`](https://helpej2.syncf
 The following example demonstrates the Spreadsheet in `French` culture. In the below sample we have translated the ribbon tab names and Home tab content (clipboard, cell style).
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -410,8 +410,8 @@ You need to load culture format files in **ngOnInit** function.
 The following example demonstrates the Spreadsheet in French [ `fr-CH`] culture. In the below sample we have globalized the Date(Date column), Time(Time column), and Currency(Amount column) formats.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/internationalization-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/internationalization-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -423,11 +423,11 @@ The following example demonstrates the Spreadsheet in French [ `fr-CH`] culture.
 
 ## Right to left (RTL)
 
-RTL provides an option to switch the text direction and layout of the Spreadsheet component from right to left. It improves the user experiences and accessibility for users who use right-to-left languages (Arabic, Farsi, Urdu, etc.). To enable RTL Spreadsheet, set the [`enableRtl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enablertl) to true.
+RTL provides an option to switch the text direction and layout of the Spreadsheet component from right to left. It improves the user experiences and accessibility for users who use right-to-left languages (Arabic, Farsi, Urdu, etc.). To enable RTL Spreadsheet, set the [`enableRtl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enablertl) to true.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/how-to/change-active-sheet.md b/Document-Processing/Excel/Spreadsheet/Angular/how-to/change-active-sheet.md
index f4fa2020f..45a3f7676 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/how-to/change-active-sheet.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/how-to/change-active-sheet.md
@@ -1,21 +1,21 @@
 ---
 layout: post
-title: Changing the active sheet while importing a file in the Angular Spreadsheet component | Syncfusion
+title: Change active sheet when importing Angular Spreadsheet | Syncfusion
 description: Learn here all about changing the active sheet index while importing a file in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. 
 platform: document-processing
 control: Spreadsheet
 documentation: ug
 ---
 
-## Changing the active sheet while importing a file in Angular Spreadsheet component
+# Change active sheet when importing Angular Spreadsheet
 
-You can change the active sheet of imported file by updating [`activeSheetIndex`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#opencomplete) event.
+You can change the active sheet of imported file by updating [`activeSheetIndex`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#opencomplete) event.
 
 The following code example shows how to set the active sheet when importing an Excel file.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/how-to/create-a-object-structure.md b/Document-Processing/Excel/Spreadsheet/Angular/how-to/create-a-object-structure.md
index e16ca8919..dc7442bd8 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/how-to/create-a-object-structure.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/how-to/create-a-object-structure.md
@@ -170,8 +170,8 @@ In the following demo, the JSON structure is passed to the [`openFromJson`](http
 
 {% tabs %}
 
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/json-structure-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/json-structure-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="datasource.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/how-to/identify-the-context-menu-opened.md b/Document-Processing/Excel/Spreadsheet/Angular/how-to/identify-the-context-menu-opened.md
index 5cdae0d47..0d79cca2f 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/how-to/identify-the-context-menu-opened.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/how-to/identify-the-context-menu-opened.md
@@ -11,7 +11,7 @@ documentation: ug
 
 The Spreadsheet includes several context menus that will open and display depending on the action. When you right-click on a cell, for example, a context menu with options related to the cell element appears.
 
-The class name returned by the [contextMenuBeforeOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#contextmenubeforeopen) event can be used to identify the context menu that is opened. The context menus and their class names are tabulated below.
+The class name returned by the [contextMenuBeforeOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#contextmenubeforeopen) event can be used to identify the context menu that is opened. The context menus and their class names are tabulated below.
 
 | Class name | Context menu name |
 |-------|---------|
@@ -23,8 +23,8 @@ The class name returned by the [contextMenuBeforeOpen](https://ej2.syncfusion.co
 The following code example shows how to identify the context menu opened.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md b/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md
index 53779e22b..6cb474dd6 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md
@@ -69,8 +69,8 @@ Image feature allows you to view and insert an image in a spreadsheet, and you c
 * Use the `top` and `left` property in the `insertImage()` method programmatically.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/image-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/image-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -89,9 +89,9 @@ The following features have some limitations in Image:
 
 ## Chart
 
-A chart is a graphical representation of data, that organizes and represents a set of numerical or qualitative data. It mostly displays the selected range of data in terms of `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowchart) property to enable or disable the chart functionality.
+A chart is a graphical representation of data, that organizes and represents a set of numerical or qualitative data. It mostly displays the selected range of data in terms of `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowchart) property to enable or disable the chart functionality.
 
->* The default value for the [`allowChart`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowchart) property is `true`.
+>* The default value for the [`allowChart`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowchart) property is `true`.
 
 ### Types of chart
 
@@ -109,9 +109,9 @@ The following types of charts are available in the Spreadsheet.
 You can insert the chart by using one of the following ways,
 
 * Select the chart icon in the Ribbon toolbar under the Insert Tab.
-* Use the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#insertchart) method programmatically.
+* Use the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method programmatically.
 
-The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#insertchart) method is,
+The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method is,
 
 | Parameter | Type | Description |
 |-----|------|----|
@@ -127,8 +127,8 @@ The available arguments in the `ChartModel` are:
 * markerSettings: Specifies the marker settings. The marker is used to provide information about the data points in the series and is currently only applicable to the line chart.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/chart-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/chart-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -141,9 +141,9 @@ The available arguments in the `ChartModel` are:
 ### Delete Chart
 
 * If you want to delete the chart, just select the chart, and then press the Delete key.
-* Use the [`deleteChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#deletechart) method programmatically.
+* Use the [`deleteChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#deletechart) method programmatically.
 
-The available parameter in the [`deleteChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#deletechart) method is,
+The available parameter in the [`deleteChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#deletechart) method is,
 
 | Parameter | Type | Description |
 |-----|------|----|
@@ -158,8 +158,8 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca
 * You can change the position of the chart by drag and drop.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/chart-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/chart-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -171,11 +171,11 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca
 
 #### Customization of line chart markers
 
-Using the [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. In the following example, you can see the modified marker appearance, such as shape and size, while creating the line chart with UI interaction.
+Using the [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. In the following example, you can see the modified marker appearance, such as shape and size, while creating the line chart with UI interaction.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/chart-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/chart-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/link.md b/Document-Processing/Excel/Spreadsheet/Angular/link.md
index bced2e410..416bd45fc 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/link.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/link.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Link in Angular Spreadsheet component
 
-Hyperlink is used to navigate to web links or cell reference within the sheet or to other sheets in Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowhyperlink) property to enable or disable hyperlink functionality.
+Hyperlink is used to navigate to web links or cell reference within the sheet or to other sheets in Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowhyperlink) property to enable or disable hyperlink functionality.
 
 > * The default value for `allowHyperlink` property is `true`.
 
@@ -22,7 +22,7 @@ You can insert a hyperlink in a worksheet cell for quick access to related infor
 In the active spreadsheet, click the cell where you want to create a hyperlink. Insert hyperlink can be done by any of the following ways:
 * Select the INSERT tab in the Ribbon toolbar and choose the `Link` item.
 * Right-click the cell and then click Hyperlink item in the context menu, or you can press Ctrl+K.
-* Use the [`addHyperlink()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addhyperlink) method programmatically.
+* Use the [`addHyperlink()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addhyperlink) method programmatically.
 
 ## Edit Hyperlink
 
@@ -45,15 +45,15 @@ Performing this operation remove a single hyperlink without losing the display t
 
 In the active spreadsheet, click the cell where you want to remove a hyperlink. remove hyperlink can be done by any of the following ways:
 * Right-click the cell and then click Remove Hyperlink item in the context menu.
-* Use the [`removeHyperlink()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removehyperlink) method programmatically.
+* Use the [`removeHyperlink()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removehyperlink) method programmatically.
 
 ## How to change target attribute
 
 There is an event named `beforeHyperlinkClick` which triggers only on clicking hyperlink. You can customize where to open the hyperlink by using the `target` property in the arguments of that event.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/link-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/link-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/notes.md b/Document-Processing/Excel/Spreadsheet/Angular/notes.md
index 3ca170df3..3c0780c4b 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/notes.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/notes.md
@@ -18,8 +18,8 @@ When opening the Excel document with notes in the Spreadsheet, they will be disp
 In the below example, you can add, edit, save, and delete notes.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/note-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/note-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -134,8 +134,8 @@ To disable the note functionality, you need to set the [enableNotes](https://ej2
 In the below example, the note functionality is disabled in the Spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/note-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/note-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -152,8 +152,8 @@ The notes can be added initially when the Spreadsheet loads using cell data bind
 In the below example, you can navigate between notes using **Previous Note** and **Next Note** options, toggle individual note visibility with **Show/Hide Note**, display all notes at once using **Show All Notes** and see how notes are added using the `updateCell` method in the `created` event.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/note-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/note-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/open-save.md b/Document-Processing/Excel/Spreadsheet/Angular/open-save.md
index 82363caf3..4aa02a612 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/open-save.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/open-save.md
@@ -13,17 +13,17 @@ In import an excel file, it needs to be read and converted to client side Spread
 
 ## Open
 
-The Spreadsheet control opens an Excel document with its data, style, format, and more. To enable this feature, set [`allowOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowopen) as `true` and assign service url to the [`openUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#openurl) property.
+The Spreadsheet control opens an Excel document with its data, style, format, and more. To enable this feature, set [`allowOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowopen) as `true` and assign service url to the [`openUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openurl) property.
 
 **User Interface**:
 
 In user interface you can open an Excel document by clicking `File > Open` menu item in ribbon.
 
-The following sample shows the `Open` option by using the [`openUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#openUrl) property in the Spreadsheet control. You can also use the [`beforeOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforeopen) event to trigger before opening an Excel file.
+The following sample shows the `Open` option by using the [`openUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openurl) property in the Spreadsheet control. You can also use the [`beforeOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforeopen) event to trigger before opening an Excel file.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -42,17 +42,17 @@ Please find the below table for the beforeOpen event arguments.
 | requestData | object |  To provide the Form data. |
 
 > * Use `Ctrl + O` keyboard shortcut to open Excel documents.
-> * The default value of the [allowOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowopen) property in previous code snippet.
+> * The default value of the [allowOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowopen) property in previous code snippet.
 
 ### Open an excel file using a file uploader 
 
-If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/angular/documentation/api/uploader/#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#open) method to see the appropriate output.
+If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/angular/documentation/api/uploader/index-default#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) method to see the appropriate output.
 
 The following code example shows how to import an excel document using file uploader in spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs7/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs7/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -64,11 +64,11 @@ The following code example shows how to import an excel document using file uplo
 
 ### Open an external URL excel file while initial load
 
-You can achieve to access the remote excel file by using the [`created`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#created) event. In this event you can fetch the excel file and convert it to a blob. Convert this blob to a file and [`open`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#open) this file by using Spreadsheet component open method.
+You can achieve to access the remote excel file by using the [`created`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#created) event. In this event you can fetch the excel file and convert it to a blob. Convert this blob to a file and [`open`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) this file by using Spreadsheet component open method.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -80,13 +80,13 @@ You can achieve to access the remote excel file by using the [`created`](https:/
 
 ### Open an excel file from blob data
 
-By default, the Spreadsheet component provides an option to browse files from the local file system and open them within the component. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#open) method in the Spreadsheet component to load that `File` object.
+By default, the Spreadsheet component provides an option to browse files from the local file system and open them within the component. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) method in the Spreadsheet component to load that `File` object.
 
 Please find the code to fetch the blob data and load it into the Spreadsheet component below.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -98,7 +98,7 @@ Please find the code to fetch the blob data and load it into the Spreadsheet com
 
 ### Open an Excel file located on a server
 
-By default, the Spreadsheet component provides an option to browse files from the local file system and open them within the component. If you want to load an Excel file located on a server, you need to configure the server endpoint to fetch the Excel file from the server location, process it using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, and send it back to the client side as `JSON data`. On the client side, you should use the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#openfromjson) method to load that `JSON data` into the Spreadsheet component.
+By default, the Spreadsheet component provides an option to browse files from the local file system and open them within the component. If you want to load an Excel file located on a server, you need to configure the server endpoint to fetch the Excel file from the server location, process it using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, and send it back to the client side as `JSON data`. On the client side, you should use the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openfromjson) method to load that `JSON data` into the Spreadsheet component.
 
 **Server Endpoint**:
 
@@ -157,9 +157,9 @@ Before proceeding with the opening process, you should deploy the spreadsheet op
 
 [How to deploy a spreadsheet open and save web API service to AWS Lambda](https://support.syncfusion.com/kb/article/17184/how-to-deploy-a-spreadsheet-open-and-save-web-api-service-to-aws-lambda)
 
-After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request.
+After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request.
 
-On the open service end, convert the base64 string back to a file and pass it as an argument to the workbook `Open` method. The open service will process the file and return the spreadsheet data in JSON format. You will then receive this JSON data in the fetch success callback. Finally, use the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#openfromjson) method to load this JSON data into the spreadsheet component.
+On the open service end, convert the base64 string back to a file and pass it as an argument to the workbook `Open` method. The open service will process the file and return the spreadsheet data in JSON format. You will then receive this JSON data in the fetch success callback. Finally, use the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openfromjson) method to load this JSON data into the spreadsheet component.
 
 The following code example shows how to open an Excel file using a hosted web service in AWS Lambda, as mentioned above.
 
@@ -255,13 +255,13 @@ public class OpenOptions
 
 ### Open an excel file from Base64 string data
 
-In the Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#open) method in the spreadsheet.
+In the Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) method in the spreadsheet.
 
 The following code example shows how to open the spreadsheet data as base64 string.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/base-64-string/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/base-64-string/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -273,11 +273,11 @@ The following code example shows how to open the spreadsheet data as base64 stri
 
 ### Open excel file into a read-only mode
 
-You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#lockcells) methods.
+You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#lockcells) methods.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs12/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs12/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -292,7 +292,7 @@ You can open excel file into a read-only mode by using the [`openComplete`](http
 
 ### Configure JSON deserialization options
 
-Previously, when opening a workbook JSON object into the Spreadsheet using the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#openfromjson) method, the entire workbook, including all features specified in the JSON object, was processed and loaded into the Spreadsheet. 
+Previously, when opening a workbook JSON object into the Spreadsheet using the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openfromjson) method, the entire workbook, including all features specified in the JSON object, was processed and loaded into the Spreadsheet. 
 
 Now, you have the option to selectively ignore some features during the opening of the JSON object by configuring deserialization options and passing them as arguments to the `openFromJson` method. This argument is optional, and if not configured, the entire workbook JSON object will be loaded without ignoring any features.
 
@@ -317,8 +317,8 @@ spreadsheet.openFromJson({ file: file }, { ignoreStyle: true });
 The following code snippet demonstrates how to configure the deserialization options and pass them as arguments to the openFromJson method:
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-from-json/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-from-json/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -364,7 +364,7 @@ public IActionResult Open(IFormCollection openRequest)
 
 When opening large Excel files with many features and data, the server response can become very large. This might cause memory issues or connection problems during data transmission. The `Chunk Response Processing` feature solves this by dividing the server response into smaller parts, called chunks, and sending them to the client in parallel. The client receives these chunks and combines them to load the Excel data smoothly into the spreadsheet.
 
-You can enable this feature by setting the [`chunkSize`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/openSettings/#chunksize) property in the [`openSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#opensettings) object. Set the [`chunkSize`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/openSettings/#chunksize) to a value greater than 0 (in bytes). The [`chunkSize`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/openSettings/#chunksize) defines how large each chunk will be. Make sure your server supports chunked responses to use this feature effectively.
+You can enable this feature by setting the [chunkSize](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/opensettings#chunksize) property in the [openSettings](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#opensettings) object. Set the [chunkSize](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/opensettings#chunksize) to a value greater than 0 (in bytes). The [chunkSize](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/opensettings#chunksize) defines how large each chunk will be. Make sure your server supports chunked responses to use this feature effectively.
 
 > This feature reduces memory usage on both the server and client, ensuring that resources are managed efficiently during data transmission. By sending smaller parts of data, it prevents connection issues that could occur with large payloads, making the transmission process more reliable. Additionally, it allows large Excel files to be loaded smoothly into the spreadsheet, providing a seamless user experience even with extensive data.
 
@@ -433,11 +433,11 @@ The [attachment](https://www.syncfusion.com/downloads/support/directtrac/general
 
 ### Add custom header during open
 
-You can add your own custom header to the open action in the Spreadsheet. For processing the data, it has to be sent from server to client side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`beforeOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforeopen) event, the custom header can be added to the request during open action.
+You can add your own custom header to the open action in the Spreadsheet. For processing the data, it has to be sent from server to client side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`beforeOpen`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforeopen) event, the custom header can be added to the request during open action.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs8/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs8/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -467,17 +467,17 @@ public IActionResult Open(IFormCollection openRequest)
 
 ## Save
 
-The Spreadsheet control saves its data, style, format, and more as Excel file document. To enable this feature, set [`allowSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowsave) as `true` and assign service url to the [`saveUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveurl) property.
+The Spreadsheet control saves its data, style, format, and more as Excel file document. To enable this feature, set [`allowSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) as `true` and assign service url to the [`saveUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveurl) property.
 
 **User Interface**:
 
 In user interface, you can save Spreadsheet data as Excel document by clicking `File > Save As` menu item in ribbon.
 
-The following sample shows the `Save` option by using the [`saveUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveurl) property in the Spreadsheet control. You can also use the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event to trigger before saving the Spreadsheet as an Excel file.
+The following sample shows the `Save` option by using the [`saveUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveurl) property in the Spreadsheet control. You can also use the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event to trigger before saving the Spreadsheet as an Excel file.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -500,18 +500,18 @@ Please find the below table for the beforeSave event arguments.
 | cancel | boolean | To prevent the save operations. |
 
 > * Use `Ctrl + S` keyboard shortcut to save the Spreadsheet data as Excel file.
-> * The default value of [allowSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowsave) property is `true`. For demonstration purpose, we have showcased the [allowSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowsave) property in previous code snippet.
+> * The default value of [allowSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) property is `true`. For demonstration purpose, we have showcased the [allowSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) property in previous code snippet.
 > * Demo purpose only, we have used the online web service url link.
 
 ### Save an excel file as blob data
 
-By default, the Spreadsheet component saves the Excel file and downloads it to the local file system. If you want to save an Excel file as blob data, you need to set `needBlobData` property to **true** and `isFullPost` property to **false** in the [beforeSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event of the spreadsheet. Subsequently, you will receive the spreadsheet data as a blob in the [saveComplete](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#savecomplete) event. You can then post the blob data to the server endpoint for saving.
+By default, the Spreadsheet component saves the Excel file and downloads it to the local file system. If you want to save an Excel file as blob data, you need to set `needBlobData` property to **true** and `isFullPost` property to **false** in the [beforeSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event of the spreadsheet. Subsequently, you will receive the spreadsheet data as a blob in the [saveComplete](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#savecomplete) event. You can then post the blob data to the server endpoint for saving.
 
 Please find below the code to retrieve blob data from the Spreadsheet component below.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -523,7 +523,7 @@ Please find below the code to retrieve blob data from the Spreadsheet component
 
 ### Save an Excel file to a server
 
-By default, the Spreadsheet component saves the Excel file and downloads it to the local file system. If you want to save an Excel file to a server location, you need to configure the server endpoint to convert the spreadsheet data into a file stream and save it to the server location. To do this, first, on the client side, you must convert the spreadsheet data into `JSON` format using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveasjson) method and send it to the server endpoint. On the server endpoint, you should convert the received spreadsheet `JSON` data into a file stream using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, then convert the stream into an Excel file, and finally save it to the server location.
+By default, the Spreadsheet component saves the Excel file and downloads it to the local file system. If you want to save an Excel file to a server location, you need to configure the server endpoint to convert the spreadsheet data into a file stream and save it to the server location. To do this, first, on the client side, you must convert the spreadsheet data into `JSON` format using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveasjson) method and send it to the server endpoint. On the server endpoint, you should convert the received spreadsheet `JSON` data into a file stream using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, then convert the stream into an Excel file, and finally save it to the server location.
 
 **Client Side**:
 
@@ -594,7 +594,7 @@ Before proceeding with the save process, you should deploy the spreadsheet open/
 
 [How to deploy a spreadsheet open and save web API service to AWS Lambda](https://support.syncfusion.com/kb/article/17184/how-to-deploy-a-spreadsheet-open-and-save-web-api-service-to-aws-lambda)
 
-After deployment, you will get the AWS service URL for the open and save actions. Before saving the Excel file with this hosted save URL, you need to prevent the default save action to avoid getting a corrupted excel file on the client end. The save service returns the file stream as a result to the client, which can cause the file to become corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event. After that, convert the spreadsheet data into JSON format using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveasjson) method in the `beforeSave` event and send it to the save service endpoint URL using a fetch request.
+After deployment, you will get the AWS service URL for the open and save actions. Before saving the Excel file with this hosted save URL, you need to prevent the default save action to avoid getting a corrupted excel file on the client end. The save service returns the file stream as a result to the client, which can cause the file to become corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event. After that, convert the spreadsheet data into JSON format using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveasjson) method in the `beforeSave` event and send it to the save service endpoint URL using a fetch request.
 
 On the server side, the save service will take the received JSON data, pass it to the workbook `Save` method, and return the result as a base64 string. The fetch success callback will receive the Excel file in base64 string format on the client side. Finally, you can then convert the base64 string back to a file on the client end to obtain a non-corrupted Excel file.
 
@@ -694,13 +694,13 @@ public string Save([FromForm]SaveSettings saveSettings)
 
 In the Spreadsheet component, there is currently no direct option to save data as a `Base64` string. You can achieve this by saving the Spreadsheet data as blob data and then converting that saved blob data to a `Base64` string using `FileReader`. 
 
-> You can get the Spreadsheet data as blob in the [saveComplete](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#savecomplete) event when you set the  `needBlobData` as **true** and `isFullPost` as **false** in the [beforeSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event.
+> You can get the Spreadsheet data as blob in the [saveComplete](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#savecomplete) event when you set the  `needBlobData` as **true** and `isFullPost` as **false** in the [beforeSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event.
 
 The following code example shows how to save the spreadsheet data as base64 string.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/base-64-string/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/base-64-string/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -712,7 +712,7 @@ The following code example shows how to save the spreadsheet data as base64 stri
 
 ### Configure JSON serialization options
 
-Previously, when saving the Spreadsheet as a workbook JSON object using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveasjson) method, the entire workbook with all loaded features were processed and saved as a JSON object. 
+Previously, when saving the Spreadsheet as a workbook JSON object using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveasjson) method, the entire workbook with all loaded features were processed and saved as a JSON object. 
 
 Now, you have the option to selectively ignore some features while saving the Spreadsheet as a JSON object by configuring serialization options and passing them as arguments to the `saveAsJson` method. This argument is optional, and if not configured, the entire workbook JSON object will be saved without ignoring any features.
 
@@ -737,8 +737,8 @@ spreadsheet.saveAsJson({ onlyValues: true });
 The following code snippet demonstrates how to configure the serialization options and pass them as arguments to the saveAsJson method:
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/save-as-json/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/save-as-json/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -750,11 +750,11 @@ The following code snippet demonstrates how to configure the serialization optio
 
 ### Send and receive custom params from client to server
 
-Passing the custom parameters from client to server by using [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event.
+Passing the custom parameters from client to server by using [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs4/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs4/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -777,11 +777,11 @@ Server side code snippets:
 
 ### Add custom header during save
 
-You can add your own custom header to the save action in the Spreadsheet. For processing the data, it has to be sent from client to server side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`fileMenuItemSelect`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#filemenuitemselect) event, the custom header can be added to the request during save action.
+You can add your own custom header to the save action in the Spreadsheet. For processing the data, it has to be sent from client to server side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`fileMenuItemSelect`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#filemenuitemselect) event, the custom header can be added to the request during save action.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs11/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs11/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -793,7 +793,7 @@ You can add your own custom header to the save action in the Spreadsheet. For pr
 
 ### Change the PDF orientation
 
-By default, the PDF document is created in **Portrait** orientation. You can change the orientation of the PDF document by using the `args.pdfLayoutSettings.orientation` argument settings in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event.
+By default, the PDF document is created in **Portrait** orientation. You can change the orientation of the PDF document by using the `args.pdfLayoutSettings.orientation` argument settings in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event.
 
 The possible values are:
 
@@ -801,8 +801,8 @@ The possible values are:
 * **Landscape** - Used to display content in a horizontal layout.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs6/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs6/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -817,11 +817,11 @@ The possible values are:
 
 ### Methods
 
-To save the Spreadsheet document as an `xlsx, xls, csv, or pdf` file, by using [save](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#save) method should be called with the `url`, `fileName` and `saveType` as parameters. The following code example shows to save the spreadsheet file as an `xlsx, xls, csv, or pdf` in the button click event.
+To save the Spreadsheet document as an `xlsx, xls, csv, or pdf` file, by using [save](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#save) method should be called with the `url`, `fileName` and `saveType` as parameters. The following code example shows to save the spreadsheet file as an `xlsx, xls, csv, or pdf` in the button click event.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/open-save-cs5/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/open-save-cs5/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md
index 6683d5481..4eacf1cbf 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md
@@ -32,11 +32,11 @@ To enable the chunk response processing feature, you can refer to the following
 
 ### Configure JSON serialization options during open
 
-Serialization options in the Angular Spreadsheet allow you to exclude specific features—such as styles, formats, charts, images, wrap, etc.—from the `Workbook JSON object` when opening it in the Spreadsheet using the [`openFromJson`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#openfromjson) method. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks.
+Serialization options in the Angular Spreadsheet allow you to exclude specific features—such as styles, formats, charts, images, wrap, etc.—from the `Workbook JSON object` when opening it in the Spreadsheet using the [`openFromJson`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openfromjson) method. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks.
 
 This is particularly useful when:
 * You need only the raw data without formatting.
-* You're opening the `Workbook JSON object` in the Spreadsheet using the [`openFromJson`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#openfromjson) method.
+* You're opening the `Workbook JSON object` in the Spreadsheet using the [`openFromJson`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openfromjson) method.
 * You want to minimize the size of the JSON payload and optimize processing speed.
 
 Refer to the following UG section to learn how to configure these options:
@@ -104,25 +104,25 @@ To learn more about Manual Calculation Mode and how to enable it, you can refer
 
 When saving large Excel files with extensive data and features using **File → Save As** or the **save** method, the Spreadsheet triggers a server API call through a form submit operation. This can lead to performance issues such as timeouts or delays, particularly due to the size and complexity of the workbook.
 
-To mitigate these issues during the save operation, you can set the [`isFullPost`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/beforeSaveEventArgs/#isfullpost) property to **false** in the [`beforeSave`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesave) event of the Spreadsheet.
+To mitigate these issues during the save operation, you can set the [`isFullPost`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/beforesaveeventargs#isfullpost) property to **false** in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event of the Spreadsheet.
 
 The following code example shows how to set `isFullPost` to **false** in the Spreadsheet component:
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.html" %}
+{% highlight ts tabtitle="app.html" %}
 <ejs-spreadsheet #default [openUrl]="openUrl" [saveUrl]="saveUrl" (beforeSave)="beforeSave($event)">
     </ejs-spreadsheet>
 {% endhighlight %}
 
-{% highlight ts tabtitle="app.component.ts" %}
+{% highlight ts tabtitle="app.ts" %}
 
 import { Component, ViewEncapsulation, Inject, ViewChild } from '@angular/core';
 import { BeforeSaveEventArgs, SpreadsheetComponent, SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet';
 
 @Component({
     selector: 'app-root',
-    templateUrl: 'app.component.html',
-    styleUrls: ['app.component.css'],
+    templateUrl: 'app.html',
+    styleUrls: ['app.css'],
     encapsulation: ViewEncapsulation.None,
     standalone: true,
     imports: [ SpreadsheetModule, ]
@@ -146,11 +146,11 @@ export class AppComponent {
 
 ### Configure JSON serialization options during save
 
-Serialization options in the Angular Spreadsheet allow you to exclude specific features such as styles, formats, charts, images, wrap, etc. from the `Workbook JSON object` when saving it using the [`saveAsJson`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveasjson) method in the Spreadsheet. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks.
+Serialization options in the Angular Spreadsheet allow you to exclude specific features such as styles, formats, charts, images, wrap, etc. from the `Workbook JSON object` when saving it using the [`saveAsJson`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveasjson) method in the Spreadsheet. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks.
 
 This is particularly useful when:
 * You need only the raw data without formatting.
-* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#saveasjson) method in the Spreadsheet.
+* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveasjson) method in the Spreadsheet.
 * You want to minimize the size of the JSON payload and optimize processing speed.
 
 Proper use of serialization options during save improves performance and reduces the time taken during the save process.
@@ -165,7 +165,7 @@ Refer to the following UG section to learn how to configure these options:
 
 When working with large datasets in the Angular Spreadsheet, user interactions such as selecting a large range of cells can experience delays. This occurs because, by default, the Spreadsheet performs aggregate calculations (e.g., SUM, AVERAGE, COUNT, MIN, and MAX) on the selected range and displays the results in the sheet tab panel at the bottom-right corner.
 
-To enhance the responsiveness of cell selection, particularly in performance-critical scenarios, consider disabling unnecessary aggregate calculations using the [`showAggregate`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#showaggregate) property.
+To enhance the responsiveness of cell selection, particularly in performance-critical scenarios, consider disabling unnecessary aggregate calculations using the [`showAggregate`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#showaggregate) property.
 
 Benefits:
 * Reduces selection lag when dealing with large data ranges.
@@ -175,7 +175,7 @@ Benefits:
 You can disable aggregate calculation using the following code example:
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.html" %}
+{% highlight ts tabtitle="app.html" %}
 <ejs-spreadsheet #default [showAggregate]="false">
     </ejs-spreadsheet>
 {% endhighlight %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/print.md b/Document-Processing/Excel/Spreadsheet/Angular/print.md
index 7968c9b06..24ec62509 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/print.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/print.md
@@ -30,8 +30,8 @@ The `printOptions` contain three properties, as described below.
 > When the `print` method is called without any parameters, the default printing will be performed.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/print-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/print-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -43,13 +43,13 @@ The `printOptions` contain three properties, as described below.
 
 ## Disable printing
 
-The printing functionality in the Spreadsheet can be disabled by setting the [`allowPrint`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowprint) property to **false**. After disabling, the **"Print"** option will not be available in the **"File"** menu of the ribbon and as a keyboard shortcut.
+The printing functionality in the Spreadsheet can be disabled by setting the [`allowPrint`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowprint) property to **false**. After disabling, the **"Print"** option will not be available in the **"File"** menu of the ribbon and as a keyboard shortcut.
 
 ![Spreadsheet with print option disabled](./images/spreadsheet_print_disable.png)
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/print-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/print-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/protect-sheet.md b/Document-Processing/Excel/Spreadsheet/Angular/protect-sheet.md
index 80d36a7e9..ee2eb3a1e 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/protect-sheet.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/protect-sheet.md
@@ -14,7 +14,7 @@ Sheet protection helps you to prevent the users from modifying the data in the s
 ## Protect Sheet
 
 Protect sheet feature helps you to prevent the unknown users from accidentally changing, editing, moving, or deleting data in a spreadsheet. And you can also protect the sheet with password.
-You can use the [`isProtected`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#isprotected) property to enable or disable the Protecting functionality.
+You can use the [`isProtected`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#isprotected) property to enable or disable the Protecting functionality.
 
 > * The default value for `isProtected` property is `false`.
 
@@ -40,13 +40,13 @@ In the active Spreadsheet, the sheet protection can be done by any of the follow
 
 * Select the Protect Sheet item in the Ribbon toolbar under the Data Tab, and then select your desired options.
 * Right-click the sheet tab, select the Protect Sheet item in the context menu, and then select your desired options.
-* Use the [`protectSheet()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#protectsheet) method programmatically.
+* Use the [`protectSheet()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#protectsheet) method programmatically.
 
 The following example shows `Protect Sheet` functionality with password in the Spreadsheet control.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -70,15 +70,15 @@ In the active Spreadsheet, the sheet Unprotection can be done by any of the foll
 
 * Select the `Unprotect Sheet` item in the Ribbon toolbar under the Data Tab.
 * Right-click the sheet tab, select the `Unprotect Sheet` item in the context menu.
-* Use the [`unprotectSheet()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#unprotectsheet) method programmatically.
+* Use the [`unprotectSheet()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#unprotectsheet) method programmatically.
 
 ## Unlock the particular cells in the protected sheet
 
-In protected spreadsheet, to make some particular cell or range of cells are editable, you can use [`lockCells()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#lockcells) method, with the parameter `range` and `isLocked` property as false.
+In protected spreadsheet, to make some particular cell or range of cells are editable, you can use [`lockCells()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#lockcells) method, with the parameter `range` and `isLocked` property as false.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -90,9 +90,9 @@ In protected spreadsheet, to make some particular cell or range of cells are edi
 
 ## Make cells read-only without protecting worksheet
 
-Previously, you could make cells read-only by protecting the entire sheet using the [protectSheet](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#protectsheet) method or through the UI option. Meanwhile, to make a specific range of cells editable within a protected sheet, you needed to use the [lockCells](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#lockcells) method, passing the `range` parameter and setting the `isLocked` property to **false**. 
+Previously, you could make cells read-only by protecting the entire sheet using the [protectSheet](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#protectsheet) method or through the UI option. Meanwhile, to make a specific range of cells editable within a protected sheet, you needed to use the [lockCells](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#lockcells) method, passing the `range` parameter and setting the `isLocked` property to **false**. 
 
-Now, you can make an entire row, an entire column, or a specific range of cells read-only using the [setRangeReadOnly](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#setrangereadonly) method without protecting the entire sheet. This method accepts three parameters, as detailed in the following table:
+Now, you can make an entire row, an entire column, or a specific range of cells read-only using the [setRangeReadOnly](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#setrangereadonly) method without protecting the entire sheet. This method accepts three parameters, as detailed in the following table:
 
 | Parameter | Description |
 |-----|------|
@@ -141,8 +141,8 @@ You can make the cells read-only in the cell data binding by setting the `isRead
 The following example demonstrates how to make rows, columns, and cells read-only without protecting the sheet:
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/readonly-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/readonly-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -155,8 +155,8 @@ The following example demonstrates how to make rows, columns, and cells read-onl
 ## Protect Workbook
 
 Protect workbook feature helps you to protect the workbook so that users cannot insert, delete, rename, hide the sheets in the spreadsheet.
-You can use the [`password`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#password) property to protect workbook with password.
-You can use the [`isProtected`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#isprotected) property to protect or unprotect the workbook without the password.
+You can use the [`password`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#password) property to protect workbook with password.
+You can use the [`isProtected`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#isprotected) property to protect or unprotect the workbook without the password.
 
 > The default value for `isProtected` property is `false`.
 
@@ -164,11 +164,11 @@ You can use the [`isProtected`](https://ej2.syncfusion.com/angular/documentation
 
 In the active Spreadsheet, you can protect the worksheet by selecting the Data tab in the Ribbon toolbar and choosing the `Protect Workbook` item. Then, enter the password and confirm it and click on OK.
 
-The following example shows `Protect Workbook` by using the [`isProtected`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#isprotected) property in the Spreadsheet control.
+The following example shows `Protect Workbook` by using the [`isProtected`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#isprotected) property in the Spreadsheet control.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -178,11 +178,11 @@ The following example shows `Protect Workbook` by using the [`isProtected`](http
   
 {% previewsample "/document-processing/samples/spreadsheet/angular/local-data-binding-cs4" %}
 
-The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#password) property in the Spreadsheet control. To unprotect the workbook, click the unprotect workbook button in the data tab and provide the password as syncfusion<sup style="font-size:70%">&reg;</sup> in the dialog box.
+The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#password) property in the Spreadsheet control. To unprotect the workbook, click the unprotect workbook button in the data tab and provide the password as syncfusion<sup style="font-size:70%">&reg;</sup> in the dialog box.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -198,7 +198,7 @@ Unprotect Workbook is used to enable the insert, delete, rename, move, copy, hid
 
 **User Interface**:
 
-In the active Spreadsheet, the workbook Unprotection can be done in any of the following ways:
+In the active Spreadsheet, the workbook Unprotect can be done in any of the following ways:
 
 * Select the `Unprotect Workbook` item in the Ribbon toolbar under the Data Tab and provide the valid password in the dialog box.
 
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md b/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md
index df34b825a..464e3a1a2 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md
@@ -17,21 +17,21 @@ You can customize the ribbon using the following methods,
 
 | Method | Action |
 |-------|---------|
-| [`hideRibbonTabs`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hideribbontabs) | Used to show or hide the existing ribbon tabs. |
-| [`enableRibbonTabs`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enableribbontabs) | Used to enable or disable the existing ribbon tabs. |
-| [`addRibbonTabs`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addribbontabs) | Used to add custom ribbon tabs. |
-| [`hideToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hidetoolbaritems) | Used to show or hide the existing ribbon toolbar items. |
-| [`enableToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enabletoolbaritems) | Used to enable or disable the specified toolbar items. |
-| [`addToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addtoolbaritems) | Used to add the custom items in ribbon toolbar. |
-| [`hideFileMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#hidefilemenuitems) | Used to show or hide the ribbon file menu items. |
-| [`enableFileMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enablefilemenuitems) | Used to enable or disable file menu items. |
-| [`addFileMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addfilemenuitems) | Used to add custom file menu items. |
+| [`hideRibbonTabs`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hideribbontabs) | Used to show or hide the existing ribbon tabs. |
+| [`enableRibbonTabs`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enableribbontabs) | Used to enable or disable the existing ribbon tabs. |
+| [`addRibbonTabs`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addribbontabs) | Used to add custom ribbon tabs. |
+| [`hideToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hidetoolbaritems) | Used to show or hide the existing ribbon toolbar items. |
+| [`enableToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enabletoolbaritems) | Used to enable or disable the specified toolbar items. |
+| [`addToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addtoolbaritems) | Used to add the custom items in ribbon toolbar. |
+| [`hideFileMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#hidefilemenuitems) | Used to show or hide the ribbon file menu items. |
+| [`enableFileMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enablefilemenuitems) | Used to enable or disable file menu items. |
+| [`addFileMenuItems`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addfilemenuitems) | Used to add custom file menu items. |
 
 The following code example shows the usage of ribbon customization.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -43,7 +43,7 @@ The following code example shows the usage of ribbon customization.
 
 ## Note
 
-You can refer to our [Angular Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Angular Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/angular/#/material3/spreadsheet/default) to knows how to present and manipulate data.
+You can explore our [Angular Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/angular/#/material3/spreadsheet/default) to knows how to present and manipulate data.
 
 ## See Also
 
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/rows-and-columns.md b/Document-Processing/Excel/Spreadsheet/Angular/rows-and-columns.md
index d6972d6c6..1fba18ba1 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/rows-and-columns.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/rows-and-columns.md
@@ -17,20 +17,20 @@ Spreadsheet is a tabular format consisting of rows and columns. The intersection
 
 ## Insert
 
-You can insert rows or columns anywhere in a spreadsheet. Use the [`allowInsert`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowinsert) property to enable or disable the insert option in Spreadsheet.
+You can insert rows or columns anywhere in a spreadsheet. Use the [`allowInsert`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowinsert) property to enable or disable the insert option in Spreadsheet.
 
 ### Row
 
 The rows can be inserted in the following ways,
 
-* Using [`insertRow`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#insertrow) method, you can insert the rows once the component is loaded.
+* Using [`insertRow`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertrow) method, you can insert the rows once the component is loaded.
 * Using context menu, insert the empty rows in the desired position.
 
 The following code example shows the options for inserting rows in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/insert/row-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/insert/row-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -44,14 +44,14 @@ The following code example shows the options for inserting rows in the spreadshe
 
 The columns can be inserted in the following ways,
 
-* Using [`insertColumn`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#insertcolumn) method, you can insert the columns once the component is loaded.
+* Using [`insertColumn`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertcolumn) method, you can insert the columns once the component is loaded.
 * Using context menu, insert the empty columns in the desired position.
 
 The following code example shows the options for inserting columns in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/insert/column-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/insert/column-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -63,18 +63,18 @@ The following code example shows the options for inserting columns in the spread
 
 ## Delete
 
-Delete support provides an option for deleting the rows and columns in the spreadsheet. Use [`allowDelete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowdelete) property to enable or disable the delete option in Spreadsheet.
+Delete support provides an option for deleting the rows and columns in the spreadsheet. Use [`allowDelete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowdelete) property to enable or disable the delete option in Spreadsheet.
 
 The rows and columns can be deleted dynamically in the following ways,
 
-* Using [`delete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#delete) method, you can delete the loaded rows and columns.
+* Using [`delete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#delete) method, you can delete the loaded rows and columns.
 * Using context menu, you can delete the selected rows and columns.
 
 The following code example shows the delete operation of rows and columns in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -116,8 +116,8 @@ The columns can be hidden or shown through following ways,
 The following code example shows the hide/show rows and columns operation in the spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/hide-show-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/hide-show-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -129,13 +129,13 @@ The following code example shows the hide/show rows and columns operation in the
 
 ## Changing text in column headers
 
-Using the [`beforeCellRender`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforecellrender) event, you can change the text in the column headers. In that event, you can use the `e-header-cell` class to identify the header cell element and update its text value.
+Using the [`beforeCellRender`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforecellrender) event, you can change the text in the column headers. In that event, you can use the `e-header-cell` class to identify the header cell element and update its text value.
 
 The following code example shows how to change the text in the column headers.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/scrolling.md b/Document-Processing/Excel/Spreadsheet/Angular/scrolling.md
index 3f96267b8..a14d5bd4b 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/scrolling.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/scrolling.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Scrolling in Angular Spreadsheet component
 
-Scrolling helps you to move quickly to different areas of the worksheet. It moves faster if we use horizontal and vertical scroll bars. Scrolling can be enabled by setting the [`allowScrolling`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowscrolling) as true.
+Scrolling helps you to move quickly to different areas of the worksheet. It moves faster if we use horizontal and vertical scroll bars. Scrolling can be enabled by setting the [`allowScrolling`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowscrolling) as true.
 
 > By default, the `allowScrolling` property is true.
 
@@ -20,11 +20,11 @@ You have the following options in Scrolling by using [`scrollSettings`](https://
 
 ## Finite Scrolling
 
-Finite scrolling supports two type of modes in scrolling. You can use the [`isFinite`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollSettings/#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollsettings) to specify the mode of scrolling.
+Finite scrolling supports two type of modes in scrolling. You can use the [`isFinite`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollsettings#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollsettings) to specify the mode of scrolling.
 
-* Finite - This mode does not create a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollSettings/#isfinite) property as `true`.
+* Finite - This mode does not create a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollsettings#isfinite) property as `true`.
 
-* Infinite - This mode creates a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollSettings/#isfinite) property as `false`.
+* Infinite - This mode creates a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/scrollsettings#isfinite) property as `false`.
 
 > By Default, the `isFinite` property is `false`.
 
@@ -46,13 +46,13 @@ You can scroll through the worksheet using one of the following ways,
 
 ## Finite scrolling with defined rows and columns
 
-If you want to perform scrolling with defined rows and columns, you must define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`.
+If you want to perform scrolling with defined rows and columns, you must define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`.
 
 The following code example shows the finite scrolling with defined rows and columns in the spreadsheet. Here, we used rowCount as 20 and colCount as 20, after reaching the 20th row or 20th column you can't able to scroll.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/scrolling-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/scrolling-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/searching.md b/Document-Processing/Excel/Spreadsheet/Angular/searching.md
index 31387aa65..a2a0bc3ba 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/searching.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/searching.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Searching in Angular Spreadsheet component
 
-Find and Replace helps you to search for the target text and replace the found text with alternative text within the sheet or workbook. You can use the [`allowFindAndReplace`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowfindandreplace) property to enable or disable the Find and Replace functionality.
+Find and Replace helps you to search for the target text and replace the found text with alternative text within the sheet or workbook. You can use the [`allowFindAndReplace`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowfindandreplace) property to enable or disable the Find and Replace functionality.
 
 > * The default value for `allowFindAndReplace` property is `true`.
 
@@ -30,7 +30,7 @@ Find can be done by any of the following ways:
 > * `Match case`: To find the matched value with case sensitive.
 > * `Match exact cell contents`: To find the exact matched cell value with entire match cases.
 
-* Using [`find()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#find) method to perform find operation.
+* Using [`find()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#find) method to perform find operation.
 
 ## Replace
 
@@ -43,8 +43,8 @@ Replace can be done by any of the following ways:
 * Use `Ctrl + H` key to open the Find and Replace dialog.
 * Use Replace button to change the found value in sheet or workbook.
 * Using Replace All button, all the matched criteria can be replaced with find value based on sheet or workbook.
-* Using [`replace()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#replace) method to perform replace operation by passing the argument `args.replaceby` as `replace`.
-* Using [`replace()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#replace) method to perform replace all operation by passing the argument `args.replaceby` as `replaceall`.
+* Using [`replace()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#replace) method to perform replace operation by passing the argument `args.replaceby` as `replace`.
+* Using [`replace()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#replace) method to perform replace all operation by passing the argument `args.replaceby` as `replaceall`.
 
 ## Go to
 
@@ -53,7 +53,7 @@ Go to feature is used to navigate to a specific cell address in the sheet or wor
 **User Interface**:
 
 * Use `Ctrl + G` key to open the Go To dialog.
-* Use [`goTo()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#goto) method to perform Go To operation.
+* Use [`goTo()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#goto) method to perform Go To operation.
 
 In the following sample, searching can be done by following ways:
 
@@ -63,8 +63,8 @@ In the following sample, searching can be done by following ways:
 * You can have more options to find values by selecting the more options in the search toolbar.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/searching-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/searching-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/selection.md b/Document-Processing/Excel/Spreadsheet/Angular/selection.md
index 56d8e6039..a0d47c650 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/selection.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/selection.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Selection in Angular Spreadsheet component
 
-Selection provides interactive support to highlight the cell, row, or column that you select. Selection can be done through Mouse, Touch, or Keyboard interaction. To enable selection, set `mode` as `Single` | `Multiple` in [`selectionSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#selectionsettings). If you set `mode` to `None`, it disables the UI selection.
+Selection provides interactive support to highlight the cell, row, or column that you select. Selection can be done through Mouse, Touch, or Keyboard interaction. To enable selection, set `mode` as `Single` | `Multiple` in [`selectionSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#selectionsettings). If you set `mode` to `None`, it disables the UI selection.
 
 > * The default value for `mode` in  `selectionSettings` is `Multiple`.
 
@@ -21,7 +21,7 @@ You have the following options in Selection,
 
 ## Cell selection
 
-Cell selection is used to select a single or multiple cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#selectrange) method.
+Cell selection is used to select a single or multiple cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#selectrange) method.
 
 **User Interface**:
 
@@ -47,8 +47,8 @@ You can perform row selection in any of the following ways,
 The following sample shows the row selection in the spreadsheet, here selecting the 5th row using the `selectRange` method.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/selection-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/selection-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -74,8 +74,8 @@ You can perform column selection in any of the following ways,
 The following sample shows the column selection in the spreadsheet, here selecting the 3rd column using the `selectRange` method.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/selection-cs2/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/selection-cs2/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -87,11 +87,11 @@ The following sample shows the column selection in the spreadsheet, here selecti
 
 ## Get selected cell values
 
-You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/#getdata) method.
+You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#getdata) method.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/selected-cell-values/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/selected-cell-values/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -103,11 +103,11 @@ You can select single or multiple cells, rows, or columns using mouse and keyboa
 
 ## Remove Selection
 
-The following sample shows, how to remove the selection in the spreadsheet. Here changing the `mode` as `None` in [`selectionSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#selectionsettings) to disable's the UI selection.
+The following sample shows, how to remove the selection in the spreadsheet. Here changing the `mode` as `None` in [`selectionSettings`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#selectionsettings) to disable's the UI selection.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/selection-cs3/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/selection-cs3/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/sort.md b/Document-Processing/Excel/Spreadsheet/Angular/sort.md
index 34fef93f8..be0aba932 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/sort.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/sort.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Sort in Angular Spreadsheet component
 
-Sorting helps arranging the data to a specific order in a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowsorting) property to enable or disable sorting functionality.
+Sorting helps arranging the data to a specific order in a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsorting) property to enable or disable sorting functionality.
 
 > * The default value for `allowSorting` property is `true`.
 
@@ -20,7 +20,7 @@ By default, the `sort` module is injected internally into Spreadsheet to perform
 In the active Spreadsheet, select a range of cells to sort by cell value. The range sort can be done by any of the following ways:
 * Select the sort item in the Ribbon toolbar and choose the ascending or descending item.
 * Right-click the sheet, select the sort item in the context menu and choose the ascending/descending item.
-* Use the [`sort()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sort) method programmatically.
+* Use the [`sort()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sort) method programmatically.
 
 The cell values can be sorted in the following orders:
 * Ascending
@@ -30,14 +30,14 @@ The cell values can be sorted in the following orders:
 
 The `sort()` method with empty arguments will sort the selected range by active cell’s column as sort column in ascending order.
 
-> * The [`beforeSort`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#beforesort) event will be triggered before sorting the specified range.
-> * The [`sortComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sortcomplete) event will be triggered after the sort action is completed successfully.
+> * The [`beforeSort`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesort) event will be triggered before sorting the specified range.
+> * The [`sortComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sortcomplete) event will be triggered after the sort action is completed successfully.
 
 The following code example shows `sort` functionality in the Spreadsheet control.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -49,7 +49,7 @@ The following code example shows `sort` functionality in the Spreadsheet control
 
 ## Data contains header
 
-You can specify whether the selected range of cells contains header. To specify, you need to set the [`containsHeader`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#containsheader) property to `true` and pass it as `sortOption` arguments of the sort() method.
+You can specify whether the selected range of cells contains header. To specify, you need to set the [`containsHeader`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#containsheader) property to `true` and pass it as `sortOption` arguments of the sort() method.
 
 > * If the `containsHeader` property is not set and active cell column’s first cell value type is differed from the second cell value type, the first row data in the range are marked as column headers.
 
@@ -67,7 +67,7 @@ In the custom sort dialog, the `Data contains header` checkbox is checked on loa
 
 ## Case sensitive sort
 
-The default sort functionality of Spreadsheet is a case insensitive sorting. When you want to perform sorting with case sensitive, you need to set the [`caseSensitive`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#casesensitive) property to `true` and pass it as `sortOption` arguments of the sort() method.
+The default sort functionality of Spreadsheet is a case insensitive sorting. When you want to perform sorting with case sensitive, you need to set the [`caseSensitive`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#casesensitive) property to `true` and pass it as `sortOption` arguments of the sort() method.
 
 Case sensitive sorting is applicable only for cells with alphabets. In ascending order sorting with case sensitive enabled, the cells with lower case text will be placed above the cells with upper case text.
 
@@ -104,7 +104,7 @@ You can refer to the [`Data contains header`](./sort#data-contains-header) topic
 ### Passing sort criteria manually
 
 The multi-column sorting can also be performed manually by passing sort options to the `sort()` method programmatically. The `sortOption` have the following arguments:
-* [`sortDescriptors`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sortcomparer).
+* [`sortDescriptors`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sortcomparer).
 * `containsHeader` – Boolean argument that specifies whether the range has headers in it.
 * `caseSensitive` – Boolean argument that specifies whether the range needs to consider case.
 
@@ -112,8 +112,8 @@ The multi-column sorting can also be performed manually by passing sort options
 > * When a `sortDescriptor` is specified without field, the field of the first `sortDescriptor` from the collection will be assigned from active cell’s column name and others will be ignored. Hence, it will act as single column sorting.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -125,7 +125,7 @@ The multi-column sorting can also be performed manually by passing sort options
 
 ## Custom sort comparer
 
-The [`sortDescriptor`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sortdescriptor) holds the [`sortComparer`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#sortcomparer) property, which is a function and it is used to customize the sort comparer for specific sort criteria. Each `sortDescriptor` can be customized using the custom sort comparer function.
+The [`sortDescriptor`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sortdescriptor) holds the [`sortComparer`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#sortcomparer) property, which is a function and it is used to customize the sort comparer for specific sort criteria. Each `sortDescriptor` can be customized using the custom sort comparer function.
 
 By customizing sort comparer, you can define the sort action as desired.
 
@@ -140,8 +140,8 @@ You can also define the sorting of cell values based on your own customized pers
 In the following demo, the `Trustworthiness` column is sorted based on the custom lists `Perfect`, `Sufficient`, and `Insufficient`.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/template.md b/Document-Processing/Excel/Spreadsheet/Angular/template.md
index 5bb435bb5..a7c9d873b 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/template.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/template.md
@@ -16,8 +16,8 @@ The following sample describes the above behavior.
 Sample link: [`Cell template`](https://document.syncfusion.com/demos/spreadsheet-editor/angular/#/material3/spreadsheet/cell-template)
 
 <!-- {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/template-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/template-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/undo-redo.md b/Document-Processing/Excel/Spreadsheet/Angular/undo-redo.md
index 6298c0b11..2af1a0892 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/undo-redo.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/undo-redo.md
@@ -38,8 +38,8 @@ You can update your own custom actions in UndoRedo collection, by using the [`up
 The following code example shows `How to update and customize your own actions for undo redo` functionality in the Spreadsheet control.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/Excel/Spreadsheet/Angular/worksheet.md b/Document-Processing/Excel/Spreadsheet/Angular/worksheet.md
index 1e7cfc59d..d9c923a83 100644
--- a/Document-Processing/Excel/Spreadsheet/Angular/worksheet.md
+++ b/Document-Processing/Excel/Spreadsheet/Angular/worksheet.md
@@ -22,8 +22,8 @@ You can dynamically add or insert a sheet by one of the following ways,
 The following code example shows the insert sheet operation in spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -40,8 +40,8 @@ A sheet is a collection of cells organized in the form of rows and columns that
 The following code example shows how to insert a sheet programmatically and make it the active sheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -81,8 +81,8 @@ Gridlines act as a border like appearance of cells. They are used to distinguish
 The following code example shows the headers and gridlines operation in spreadsheet.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
@@ -107,8 +107,8 @@ There are three visibility state as like Microsoft Excel,
 The following code example shows the three types of sheet visibility state.
 
 {% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.component.ts %}
+{% highlight ts tabtitle="app.ts" %}
+{% include code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.ts %}
 {% endhighlight %}
 
 {% highlight ts tabtitle="main.ts" %}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.component.ts
deleted file mode 100644
index 5a8903737..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.component.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, ChartModel, getFormatFromType } from '@syncfusion/ej2-angular-spreadsheet';
-import { inventoryData, cartData, stockData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<div class="control-section">
-    <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" saveUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save" (created)="created()">
-        <e-sheets>
-            <e-sheet name="Inventory List" selectedRange="A2:A2">
-                <e-ranges>
-                    <e-range [dataSource]="inventoryData" startCell="A2"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=158></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=110></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=97></e-column>
-                    <e-column [width]=80></e-column>
-                </e-columns>
-                <e-rows>
-                    <e-row [height]=56>
-                        <e-cells>
-                            <e-cell value="Inventory List"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="0">
-                        <e-cells>
-                            <e-cell [index]="9" [chart]="chart"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="13" [height]=36>
-                        <e-cells>
-                            <e-cell [index]="3" value="Total Amount:"></e-cell>
-                            <e-cell formula="=ROUND(SUM(E3:E13),1)"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-            </e-sheet>
-            <e-sheet name="Shopping Cart" selectedRange="A3:A3">
-                <e-ranges>
-                    <e-range [dataSource]="cartData" startCell="A3"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=80></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-                <e-rows>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="Shopping Cart" [style]="{
-                                fontSize: '20pt', fontWeight: 'bold', fontFamily: 'Comic Sans MS',
-                                textAlign: 'center', backgroundColor: 'rgb(53, 124, 210)', verticalAlign: 'middle', color: 'rgb(255, 255, 255)'
-                            }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-            </e-sheet>
-            <e-sheet name="Stock List" selectedRange="A2:A2">
-                <e-ranges>
-                    <e-range [dataSource]="stockData" startCell="A2"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=150></e-column>
-                </e-columns>
-                <e-rows>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="Stock List" [style]="{
-                                fontSize: '15pt', fontWeight: 'bold', fontFamily: 'Comic Sans MS',
-                                textAlign: 'center', backgroundColor: 'rgb(53, 124, 210)', verticalAlign: 'middle', color: 'rgb(255, 255, 255)'
-                            }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>
-</div>`
-})
-
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj!: SpreadsheetComponent;
-    inventoryData: object[] = inventoryData;
-    cartData: object[] = cartData;
-    stockData: object[] = stockData;
-    chart: ChartModel[] = [{ type: "Column", range: "A3:F8" }]
-
-    created(): void {
-        this.spreadsheetObj.merge('Inventory List!A1:I1');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Inventory List!A2:H2');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle', fontSize: '13pt', }, 'Inventory List!A1:H1');
-        this.spreadsheetObj.conditionalFormat({ type: 'BlueDataBar', range: 'Inventory List!E3:E13' });
-        this.spreadsheetObj.conditionalFormat({ type: 'GreenDataBar', range: 'Inventory List!F3:F13' });
-        this.spreadsheetObj.conditionalFormat({ type: 'ThreeStars', range: 'Inventory List!H3:H13' });
-        // Add Data validation to range.
-        this.spreadsheetObj.addDataValidation({ type: 'WholeNumber', operator: 'GreaterThan', value1: '20', ignoreBlank: false, }, 'Inventory List!C4:C13');
-        // Apply cell format
-        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A4:I4');
-        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A6:I6');
-        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A8:I8');
-        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A10:I10');
-        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A12:I12');
-        this.spreadsheetObj.cellFormat({ color: '#004078' }, 'Inventory List!A3:I13');
-        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Inventory List!A1:A13');
-        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Inventory List!C1:C13');
-        this.spreadsheetObj.cellFormat({ fontSize: '24pt', fontWeight: 'bold', textAlign: 'center', backgroundColor: '#357CD2', verticalAlign: 'middle', color: '#ffffff' }, 'Inventory List!A1:I1');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', backgroundColor: '#A4D6FA', verticalAlign: 'middle', color: '#004078', }, 'Inventory List!A2:I2');
-        this.spreadsheetObj.cellFormat({ backgroundColor: '#A4D6FA', textAlign: 'right', verticalAlign: 'middle', color: '#004078', fontSize: '14pt' }, 'Inventory List!A14:I14');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold' }, 'Inventory List!E14:E14');
-        // Apply number format.
-        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'Inventory List!D3:F14');
-        // Apply merge to cell range.
-        this.spreadsheetObj.merge('Shopping Cart!A1:F2');
-        this.spreadsheetObj.merge('Stock List!A1:D1');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', backgroundColor: 'rgb(164, 214, 250)', fontFamily: "Book Antiqua", color: 'rgb(0, 64, 120)' }, 'Shopping Cart!A3:F3');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', backgroundColor: 'rgb(164, 214, 250)', fontFamily: "Book Antiqua", color: 'rgb(0, 64, 120)' }, 'Stock List!A2:D2');
-        const rangeAddress: string[] = ['Shopping Cart!A5:F5', 'Shopping Cart!A7:F7', 'Shopping Cart!A9:f9', 'Shopping Cart!A11:F11',
-            'Shopping Cart!A13:F13', 'Stock List!A4:D4', 'Stock List!A6:D6', 'Stock List!A8:D8', 'Stock List!A10:D10'];
-        for (let i = 0; i < rangeAddress.length; i++) {
-            this.spreadsheetObj.cellFormat({ backgroundColor: 'rgb(216, 232, 241)' }, rangeAddress[i]);
-        }
-        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Shopping Cart!D4:E12');
-        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Stock List!B3:D12');
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold' }, 'Shopping Cart!E13:F13');
-        this.spreadsheetObj.setBorder({ border: '2.5px solid #FFB936' }, 'Shopping Cart!A1:F13', 'Outer');
-        this.spreadsheetObj.setBorder({ border: '1.25px solid #FFB936' }, 'Shopping Cart!A1:F13', 'Inner');
-        this.spreadsheetObj.setBorder({ border: '1px solid #0400FF' }, 'Stock List!A1:D11', 'Outer');
-        this.spreadsheetObj.setBorder({ border: '1px solid #0400FF' }, 'Stock List!A1:D11', 'Inner');
-        this.spreadsheetObj.updateCell({ value: 'Total Amount' }, "Shopping Cart!E13");
-        this.spreadsheetObj.updateCell({ formula: '=SUM(F4:F12)' }, "Shopping Cart!F13");
-        this.spreadsheetObj.conditionalFormat({ type: 'PurpleDataBar', range: 'Shopping Cart!E4:E12' });
-        this.spreadsheetObj.conditionalFormat({ type: 'GreenDataBar', range: 'Stock List!D3:D11' });
-        this.spreadsheetObj.conditionalFormat({ type: 'GYRColorScale', range: 'Stock List!C3:C11' });
-        this.spreadsheetObj.conditionalFormat({ type: 'RWGColorScale', range: 'Shopping Cart!F4:F12' });
-        this.spreadsheetObj.conditionalFormat({ type: 'Between', cFColor: 'RedFT', value: '10,60', range: 'Shopping Cart!D4:D12' });
-        this.spreadsheetObj.element.focus();
-    };
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.component.ts
deleted file mode 100644
index 14cf0cbe5..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.component.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { defaultData } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<div>
-    <button class='e-btn' (click)='onclick()'>Change showFillOptions</button>
-    <ejs-spreadsheet #spreadsheet (created)="created()" >
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="budgetData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet></div>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    budgetData: object[] = defaultData;
-    onclick(): void {
-        var showFillOptions = this.spreadsheetObj!.autoFillSettings.showFillOptions;
-        this.spreadsheetObj!.autoFillSettings.showFillOptions = !showFillOptions; //To change whether fill options need to be shown or not.
-    }
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        this.spreadsheetObj!.autoFill('D4:D11','D2:D3', 'Down','CopyCells');
-        this.spreadsheetObj!.autoFill('E4:E11','E2:E3','Down','FillSeries');
-        this.spreadsheetObj!.autoFill('B4:B11','B2:B3','Down','FillFormattingOnly');
-        this.spreadsheetObj!.autoFill('C4:C11','C2:C3','Down','FillWithoutFormatting');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.component.ts
deleted file mode 100644
index bc3eb9a7b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.component.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, BeforeSaveEventArgs, SaveCompleteEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<div class="control-section">
-    <button class="e-btn custom-btn" (click)='import()'>Import Base64</button>
-    <button class="e-btn custom-btn" (click)='export()'>Export as Base64</button>
-    <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" (beforeSave)="beforeSave($event)" (saveComplete)="saveComplete($event)">
-        <e-sheets>
-            <e-sheet name="Car Sales Report">
-                <e-ranges>
-                    <e-range [dataSource]="data"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=120></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj!: SpreadsheetComponent;
-
-    data: Object[] = data;
-    base64String!: string | ArrayBuffer;
-    beforeSave(args: BeforeSaveEventArgs): void {
-        args.needBlobData = true; // To trigger the saveComplete event.
-        args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
-    };
-    saveComplete(args: SaveCompleteEventArgs): void {
-        // Convert blob data to base64 string.
-        let reader: FileReader = new FileReader();
-        reader.readAsDataURL(args.blobData);
-
-        reader.onloadend = () => {
-            this.base64String = reader.result ? reader.result : '';
-        };
-    };
-    import(): void {
-        fetch(this.base64String as string)
-            .then((response) => response.blob())
-            .then((fileBlob) => {
-                let file: File = new File([fileBlob], 'Sample.xlsx');
-                this.spreadsheetObj.open({ file: file });
-            });
-    };
-    export(): void {
-        this.spreadsheetObj.save({
-            url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-            fileName: 'Worksheet',
-            saveType: 'Xlsx',
-        }); // Specifies the save URL, file name, file type need to be saved.
-        // Logs base64 string into the console.
-        console.log('Base64 String - ', this.base64String);
-    }
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.component.ts
deleted file mode 100644
index 8a949cc6c..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        SpreadsheetAllModule
-    ],
-standalone: true,
-selector: 'app-container',
-template: `<ejs-spreadsheet #spreadsheet (created)="created()" calculationMode="Automatic">
-                <e-sheets>
-                  <e-sheet name="Product Details">
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A1"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-      this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.component.ts
deleted file mode 100644
index cb86ae840..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        SpreadsheetAllModule
-    ],
-standalone: true,
-selector: 'app-container',
-template: `<ejs-spreadsheet #spreadsheet (created)="created()" calculationMode="Manual">
-                <e-sheets>
-                  <e-sheet name="Product Details">
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A1"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-      this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.component.ts
deleted file mode 100644
index 4a033e244..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.component.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-    imports: [
-        SpreadsheetAllModule
-    ],
-    standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet> <e-sheets> <e-sheet selectedRange='D13'><e-rows> <e-row><e-cells> <e-cell value='Order ID'></e-cell> <e-cell value='Customer ID'></e-cell> <e-cell value='Employee ID'></e-cell>  <e-cell value='Ship Name'></e-cell> <e-cell value='Ship City'></e-cell>  <e-cell value='Ship Address'></e-cell>  </e-cells>  </e-row>  <e-row>  <e-cells>  <e-cell value='10248'></e-cell>  <e-cell value='VINET'></e-cell>  <e-cell value='5'></e-cell>  <e-cell value='Vins et alcools Chevalier'></e-cell>  <e-cell value='Reims'></e-cell>  <e-cell value='59 rue de lAbbaye'></e-cell>  </e-cells>  </e-row>  <e-row>  <e-cells>  <e-cell value='10249'></e-cell>  <e-cell value='TOMSP'></e-cell>  <e-cell value='3'></e-cell> <e-cell value='Toms Spezialitäten'></e-cell>  <e-cell value='Münster'></e-cell>  <e-cell value='Luisenstr. 48'></e-cell>  </e-cells>  </e-row>  <e-row>  <e-cells>  <e-cell value='10250'></e-cell>  <e-cell value='HANAR'></e-cell>  <e-cell value='2'></e-cell>  <e-cell value='Hanari Carnes'></e-cell>  <e-cell value='Rio de Janeiro'></e-cell> <e-cell value='Rua do Paço, 67'></e-cell> </e-cells>  </e-row>  <e-row>  <e-cells> <e-cell value='10251'></e-cell>  <e-cell value='VICTE'></e-cell> <e-cell value='3'></e-cell> <e-cell value='Victuailles en stock'></e-cell> <e-cell value='Lyon'></e-cell>  <e-cell value='2, rue du Commerce'></e-cell> </e-cells> </e-row> <e-row> <e-cells> <e-cell value='10252'></e-cell>  <e-cell value='SUPRD'></e-cell>   <e-cell value='4'></e-cell><e-cell value='Suprêmes délices'></e-cell><e-cell value='Charleroi'></e-cell><e-cell value='Boulevard Tirou, 255'></e-cell></e-cells></e-row></e-rows><e-columns><e-column [width]=110></e-column><e-column [width]=115></e-column><e-column [width]=110></e-column> <e-column [width]=130></e-column> <e-column [width]=140></e-column><e-column [width]=150></e-column> </e-columns></e-sheet></e-sheets><e-rows></e-rows></ejs-spreadsheet>"
-})
-
-export class AppComponent {
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.component.ts
deleted file mode 100644
index 9051c17de..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.component.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (openComplete)='openCompleteHandler($event)' openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open'></ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent;
-
-    openCompleteHandler(args: Object) {
-        if (this.spreadsheetObj) {
-            this.spreadsheetObj.activeSheetIndex = 2;
-        }
-    }
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.component.ts
deleted file mode 100644
index cd74b3c09..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.component.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, getFormatFromType, ChartModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { chartData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()">
-        <e-sheets>
-            <e-sheet name="Book Sales">
-                <e-rows>
-                    <e-row [height]=30>
-                        <e-cells>
-                            <e-cell value="Book Sales 2016-2020" [style]="{ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell [index]="7" [chart]="chart"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-ranges>
-                    <e-range [dataSource]="data" startCell="A3"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=110></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-    public chart: ChartModel[] = [{ type: "Column", range: "A3:F8" }];
-    data: Object[] = chartData;
-    created() {
-        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A3:F3');
-        this.spreadsheetObj!.numberFormat(getFormatFromType('Currency'), 'B4:F8');
-        this.spreadsheetObj!.merge('A1:F1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.component.ts
deleted file mode 100644
index 657457115..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.component.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, getFormatFromType, ChartModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { chartData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()">
-        <e-sheets>
-            <e-sheet name="Book Sales">
-                <e-rows>
-                    <e-row [height]=30>
-                        <e-cells>
-                            <e-cell value="Book Sales 2016-2020" [style]="{ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-ranges>
-                    <e-range [dataSource]="data" startCell="A3"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=110></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-    public chart: ChartModel[] = [{ type: "Column", range: "A3:F8" }];
-    data: Object[] = chartData;
-    created() {
-        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A3:F3');
-        this.spreadsheetObj!.numberFormat(getFormatFromType('Currency'), 'B4:F8');
-        this.spreadsheetObj!.merge('A1:F1');
-        //Render Column chart
-        this.spreadsheetObj!.insertChart([{type: 'Column', theme: 'Bootstrap5Dark', range: 'A3:B6', id: 'column-chart' }]);
-        //Render Line chart with Marker
-        this.spreadsheetObj!.insertChart([{type: 'Line', range: 'A3:B6', markerSettings: {visible: true, shape: 'Circle', isFilled: false, size: 10, border: {width: 2, color: '#3cb371'}}, id: 'line-chart'}]);
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.component.ts
deleted file mode 100644
index 6cd93a4cc..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.component.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, getFormatFromType, ChartModel, BeforeChartEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-import { chartData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (actionBegin)="onActionBegin($event)">
-        <e-sheets>
-            <e-sheet name="Book Sales">
-                <e-rows>
-                    <e-row [height]=30>
-                        <e-cells>
-                            <e-cell value="Book Sales 2016-2020" [style]="{ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-ranges>
-                    <e-range [dataSource]="data" startCell="A3"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=110></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-    data: Object[] = chartData;
-    created() {
-        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A3:F3');
-        this.spreadsheetObj!.numberFormat(getFormatFromType('Currency'), 'B4:F8');
-        this.spreadsheetObj!.merge('A1:F1');
-    }
-    onActionBegin(args: BeforeChartEventArgs | any){
-        if (args.action === 'beforeInsertChart' && args.args.eventArgs.type.includes('Line')) {
-            args.args.eventArgs.markerSettings.shape = 'Triangle';
-            args.args.eventArgs.markerSettings.isFilled = false;
-            args.args.eventArgs.markerSettings.size = 10;
-        }
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.component.ts
deleted file mode 100644
index 7ad013c37..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.component.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<button ejs-dropdownbutton [items]='items' content='Clear' (select)='itemSelect($event)'></button> <ejs-spreadsheet #spreadsheet (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-    public items: ItemModel[] = [
-    {
-      text: "Clear All"
-    },
-    {
-      text: "Clear Formats"
-    },
-    {
-      text: "Clear Contents"
-    },
-    {
-      text: "Clear Hyperlinks"
-    }];
-    created() {
-      this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', fontSize: '12pt'}, 'A1:E1');
-      this.spreadsheetObj!.cellFormat({ color: '#10c469' }, 'B1:B10');
-    }
-    public itemSelect(args: MenuEventArgs) {
-     if (args.item.text === 'Clear All')
-      this.spreadsheetObj!.clear({ type: 'Clear All', range: 'D1:D10' }); // Clear the content, formats and hyperlinks applied in the provided range.
-    if (args.item.text === 'Clear Formats')
-      this.spreadsheetObj!.clear({ type: 'Clear Formats', range: 'B1:B10' }); // Clear the formats applied in the provided range
-    if (args.item.text === 'Clear Contents')
-      this.spreadsheetObj!.clear({ type: 'Clear Contents', range: 'A1:A10' }); // Clear the content in the provided range
-    if (args.item.text === 'Clear Hyperlinks')
-      this.spreadsheetObj!.clear({ type: 'Clear Hyperlinks', range: 'F2:F6' }); // Clear the hyperlinks applied in the provided range
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.component.ts
deleted file mode 100644
index 89f113315..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.component.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1 } from './datasource';
-import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<button ejs-dropdownbutton [items]='items' content='Clipboard' (select)='itemSelect($event)'></button>
-    <ejs-spreadsheet #spreadsheet (created)="created()" [enableClipboard]="true">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-    public items: ItemModel[] = [
-        {
-          text: "Copy"
-        },
-        {
-          text: "Cut"
-        },
-        {
-          text: "Paste"
-        }];
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-    }
-    public itemSelect(args: MenuEventArgs) {
-    if (args.item.text === 'Copy')
-      this.spreadsheetObj!.copy();
-    if (args.item.text === 'Cut')
-      this.spreadsheetObj!.cut();
-    if (args.item.text === 'Paste')
-      this.spreadsheetObj!.paste();
-  }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.component.ts
deleted file mode 100644
index c80d7f29f..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.component.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1 } from './datasource';
-import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<button ejs-dropdownbutton [items]='items' content='Clipboard' (select)='itemSelect($event)'></button>
-    <ejs-spreadsheet #spreadsheet (created)="created()" (actionBegin)="actionBeginHandler($event)" [enableClipboard]="true">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-    public items: ItemModel[] = [
-        {
-          text: "Copy"
-        },
-        {
-          text: "Cut"
-        },
-        {
-          text: "Paste"
-        }];
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-    }
-    // Triggers before the action begins.
-    actionBeginHandler(pasteArgs: { args: { eventArgs: { requestType: string; cancel: boolean; }; }; }) {
-      // To cancel the paste action.
-        if (pasteArgs.args.eventArgs.requestType === 'paste') {
-            pasteArgs.args.eventArgs.cancel = true;
-        }
-    }
-    public itemSelect(args: MenuEventArgs) {
-    if (args.item.text === 'Copy')
-      this.spreadsheetObj!.copy();
-    if (args.item.text === 'Cut')
-      this.spreadsheetObj!.cut();
-    if (args.item.text === 'Paste')
-      this.spreadsheetObj!.paste();
-  }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.component.ts
deleted file mode 100644
index d01169a61..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, CellRenderEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (beforeCellRender)="beforeCellRender($event)"></ejs-spreadsheet>`
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  spreadsheetObj: SpreadsheetComponent | undefined;
-  beforeCellRender(args: CellRenderEventArgs) {
-    // Condition to check whether the rendered element is header cell.
-    if (
-      args.colIndex >= 0 &&
-      args.colIndex <= 10 &&
-      args.element.classList.contains('e-header-cell')
-    ) {
-      let text = 'custom header ' + args.colIndex.toString();
-      // Add the custom text to the innerText of the element.
-      args.element.innerText = text;
-    }
-  }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.component.ts
deleted file mode 100644
index cd5eae20b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.component.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { shipmentData } from './datasource';
-
-@Component({
-  imports: [
-    SpreadsheetAllModule
-  ],
-
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet [openUrl]="openUrl" [saveUrl]="saveUrl" (created)="created()" [showCommentsPane]="true">
-                 <e-sheets>
-            <e-sheet name="Shipment Details">
-                <e-ranges>
-                    <e-range [dataSource]="data"></e-range>
-                </e-ranges>
-                <e-rows>
-                    <e-row [index]="1">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{ author: 'Julius Gorner', text: 'Confirm delivery status for Order 10248.', createdTime: 'November 18, 2025 at 3:00 PM', isResolved: true, replies: [{ author: 'Cristi Espinos', text: 'Status verified as delivered.', createdTime: 'November 18, 2025 at 3:30 PM' }, { author: 'Julius Gorner', text: 'Acknowledged, thank you.', createdTime: 'November 18, 2025 at 3:45 PM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="3">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{author: 'Julius Gorner', text: 'Order 10250 is marked as Shipped, any update on current status?', createdTime: 'November 16, 2025 at 9:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Shipment is in transit.', createdTime: 'November 17, 2025 at 3:30 PM' }, { author: 'Julius Gorner', text: 'Thanks for the update.', createdTime: 'November 17, 2025 at 3:45 PM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="6">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{author: 'Julius Gorner', text: 'Reason for cancellation of Order 10253?', createdTime: 'November 18, 2025 at 1:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Customer requested cancellation.', createdTime: 'November 18, 2025 at 1:30 PM' }, { author: 'Julius Gorner', text: 'Understood, thanks.', createdTime: 'November 18, 2025 at 3:15 PM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="7">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{author: 'Julius Gorner', text: 'Pending status for Order 10254 - any progress?', createdTime: 'November 19, 2025 at 3:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Awaiting customs clearance.', createdTime: 'November 19, 2025 at 3:30 PM' }, { author: 'Julius Gorner', text: 'Please keep me posted,', createdTime: 'November 19, 2025 at 3:45 PM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="9">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{author: 'Julius Gorner', text: 'Order 10256 shipped, tracking details shared?', createdTime: 'November 18, 2025 at 3:00 AM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Tracking sent via email,', createdTime: 'November 18, 2025 at 3:30 AM' }, { author: 'Julius Gorner', text: 'Received, thank you,', createdTime: 'November 18, 2025 at 3:45 AM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="10">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{author: 'Julius Gorner', text: 'Delivered order 10257, confirm recipient name.', createdTime: 'November 18, 2025 at 2:00 PM', isResolved: true, replies: [{ author: 'Cristi Espinos', text: 'Recipient verified as Michael Holz.', createdTime: 'November 18, 2025 at 2:30 PM' }, { author: 'Julius Gorner', text: 'Great, noted.', createdTime: 'November 18, 2025 at 2:45 PM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="11">
-                        <e-cells>
-                            <e-cell [index]="4"
-                                [comment]="{author: 'Julius Gorner', text: 'Order 10258 cancelled, reason documented?', createdTime: 'November 18, 2025 at 12:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Customer changed requirements', createdTime: 'November 18, 2025 at 12:30 PM' }, { author: 'Julius Gorner', text: 'Understood, thanks.', createdTime: 'November 18, 2025 at 12:45 PM' }]}">
-                            </e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-columns>
-                    <e-column [width]=80></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  spreadsheetObj: SpreadsheetComponent | undefined;
-  data: object[] = shipmentData;
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-
-  created() {
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Shipment Details!A1:F1');
-    // Add comment using updateCell method.
-    this.spreadsheetObj!.updateCell({
-      comment: {
-        author: 'Cristi Espinos', text: 'Validate customer name for Order 10249.', createdTime: 'November 18, 2025 at 4:00 PM',
-        isResolved: false, replies: [{ author: 'Julius Gorner', text: 'Confirmed as Karin Josephs', createdTime: 'November 18, 2025 at 4:30 PM' },
-        { author: 'Cristi Espinos', text: 'Perfect, noted.', createdTime: 'November 18, 2025 at 5:30 PM' }]
-      }
-    }, 'Shipment Details!B3');
-    this.spreadsheetObj!.updateCell({
-      comment: {
-        author: 'Cristi Espinos', text: 'Verify address details for delivery.', createdTime: 'November 18, 2025 at 4:00 PM',
-        isResolved: true, replies: [{ author: 'Julius Gorner', text: 'Address confirmed as Boulevard Tirou, 255.', createdTime: 'November 18, 2025 at 4:30 PM' }]
-      }
-    }, 'Shipment Details!C6');
-    this.spreadsheetObj!.updateCell({
-      comment: {
-        author: 'Cristi Espinos', text: 'Confirm country for Order 10255 delivery.', createdTime: 'November 18, 2025 at 4:00 PM',
-        isResolved: false, replies: [{ author: 'Julius Gorner', text: 'Country verified as Switzerland.', createdTime: 'November 18, 2025 at 4:30 PM' },
-        { author: 'Cristi Espinos', text: 'Acknowledged.', createdTime: 'November 18, 2025 at 5:30 PM' }]
-      }
-    }, 'Shipment Details!D9');
-  }
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.component.ts
deleted file mode 100644
index 8573c002a..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { conditionalFormatData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
-                <e-sheets>
-                  <e-sheet name="Car Sales Record">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-conditionalformats>
-                      <e-conditionalformat type="GreaterThan" cFColor="RedFT" value="700" range="B2:B9"></e-conditionalformat>
-                      <e-conditionalformat type="Bottom10Items" cFColor="YellowFT" value="4" range="C2:C9"></e-conditionalformat>
-                      <e-conditionalformat type="BlueDataBar" range="D2:D9"></e-conditionalformat>
-                    </e-conditionalformats>
-                    <e-columns>
-                      <e-column [index]=1 [width]=120></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = conditionalFormatData;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:N1');
-        this.spreadsheetObj!.conditionalFormat({ type: 'RYGColorScale', range: 'E2:E9' });
-        this.spreadsheetObj!.conditionalFormat({ type: 'ThreeArrows', range: 'H2:H9' });
-        //Custom Format
-        this.spreadsheetObj!.conditionalFormat({ type: 'Top10Items', value: '1',
-            format: { style: { color: '#ffffff', backgroundColor: '#009999', fontWeight: 'bold'}}, range: 'F2:F9' });
-        this.spreadsheetObj!.conditionalFormat({ type: 'Bottom10Items', value: '1',
-            format: { style: { color: '#ffffff', backgroundColor: '#c68d53', fontWeight: 'bold'}}, range: 'G2:G9' });
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.component.ts
deleted file mode 100644
index cca94cebb..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.component.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { closest } from '@syncfusion/ej2-base';
-import { BeforeOpenCloseMenuEventArgs } from '@syncfusion/ej2-navigations';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)='contextMenuBeforeOpen($event)'></ejs-spreadsheet>"
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-  contextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs) {
-    if (closest(args.event.target as Element, '.e-sheet-content')) {
-      console.log('Cell Context Menu');
-    } else if (closest(args.event.target as Element, '.e-colhdr-table')) {
-      console.log('Column Header Context Menu');
-    } else if (closest(args.event.target as Element, '.e-rowhdr-table')) {
-      console.log('Row Header Context Menu');
-    } else if (closest(args.event.target as Element, '.e-toolbar-item')) {
-      console.log('Footer Context Menu');
-    }
-  }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.component.ts
deleted file mode 100644
index 1b429b681..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.component.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-    imports: [
-        SpreadsheetAllModule
-    ],
-    standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen($event)">
-              </ejs-spreadsheet>`
-})
-
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    public spreadsheetObj: SpreadsheetComponent | undefined;
-
-    contextMenuBeforeOpen(args: any) {
-        if (args.element.id === this.spreadsheetObj!.element.id + '_contextmenu') {
-            // To add context menu items.
-            this.spreadsheetObj!.addContextMenuItems([{ text: 'Custom Item' }], 'Paste Special', false); //To pass the items, Item before / after that the element to be inserted, Set false if the items need to be inserted before the text.
-        }
-    }
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.component.ts
deleted file mode 100644
index c94e3c6a4..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen()">
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-     contextMenuBeforeOpen() {
-        // To add context menu items.
-      this.spreadsheetObj!.removeContextMenuItems(["Insert Column"], false); //Items that needs to be removed, Set `true` if the given `text` is a unique id.
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.component.ts
deleted file mode 100644
index 659de02a0..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.component.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen()">
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-     contextMenuBeforeOpen() {
-        // To add context menu items.
-      this.spreadsheetObj!.enableContextMenuItems(['Rename'], false, false); // Contextmenu Items that needs to be enabled / disabled, Set true / false to enable / disable the menu items, Set true if the given text is a unique id.
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.component.ts
deleted file mode 100644
index dc2ce9c41..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.component.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { tradeData } from './datasource';
-import { DataManager, DataUtil } from '@syncfusion/ej2-data';
-import { SpreadsheetComponent, CellModel } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()' (sortComplete)='sortComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    public tradeData?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.tradeData = tradeData;
-    }
-    dataBound(){
-        if (this.spreadsheetObj!.activeSheetIndex === 0) {
-            this.spreadsheetObj!.sort({sortDescriptors: { field: 'F',  sortComparer: this.mySortComparer }, containsHeader: true}, 'A1:H20');
-        }
-    };
-    sortComplete (args : any) {
-        this.spreadsheetObj!.selectRange(args.range);
-        // code here.
-    }
-
-
-mySortComparer(x: CellModel, y: CellModel): number {
-// custom sort comparer to sort based on the custom list.
-   let customList: string[] = ['Perfect', 'Sufficient', 'Insufficient'];
-    let comparer: Function = DataUtil.fnSort('Ascending');
-    return comparer(x ? customList.indexOf((x as any).value) : x, y ? customList.indexOf((y as any).value) : y);
-};
-
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.component.ts
deleted file mode 100644
index 6e76eb5e0..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.component.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { conditionalFormatData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #default [openUrl]="openUrl" [saveUrl]="saveUrl" (created)="created()">
-        <e-sheets>
-            <e-sheet name="PriceDetails" >
-                <e-rows>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="Seller Name" [style]="style"></e-cell>
-                            <e-cell value="Customer Id" [style]="style"></e-cell>
-                            <e-cell value="Customer Name" [style]="style"></e-cell>
-                            <e-cell value="Product Name" [style]="style"></e-cell>
-                             <e-cell value="Product Price" [style]="style"></e-cell>
-                            <e-cell value="Sales Date" [style]="style"></e-cell>
-                            <e-cell value="Billing Time" [style]="style"></e-cell>
-                            <e-cell value="Total Price" [style]="style"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="John"></e-cell>
-                            <e-cell value="1" [validation]="validation"></e-cell>
-                            <e-cell value="Nash"></e-cell>
-                            <e-cell value="Digger" [validation]="listValidation"></e-cell>
-                            <e-cell value="50000" [validation]="listValidation1"></e-cell>
-                            <e-cell value="04/11/2019"></e-cell>
-                            <e-cell value="11:34:32 AM"></e-cell>
-                            <e-cell value="1,45,000.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="Mike"></e-cell>
-                            <e-cell value="2" [validation]="validation"></e-cell>
-                            <e-cell value="Jim" ></e-cell>
-                            <e-cell value="Cherrypicker" [validation]="listValidation2"></e-cell>
-                            <e-cell value="45000" [validation]="validation"></e-cell>
-                            <e-cell value="04/11/2019"></e-cell>
-                            <e-cell value="10:15:00 AM"></e-cell>
-                            <e-cell value="1,40,040.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="shane"></e-cell>
-                            <e-cell value="3" [validation]="validation"></e-cell>
-                            <e-cell value="Sean"></e-cell>
-                            <e-cell value="Kango" [validation]="validation3"></e-cell>
-                            <e-cell value="450" [validation]="validation4"></e-cell>
-                            <e-cell value="06/25/2019"></e-cell>
-                            <e-cell value="01:30:11 PM"></e-cell>
-                            <e-cell value="545.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="John"></e-cell>
-                            <e-cell value="1" [validation]="validation"></e-cell>
-                            <e-cell value="Nash"></e-cell>
-                            <e-cell value="JCB" [validation]="validation5"></e-cell>
-                            <e-cell value="90000" [validation]="validation6"></e-cell>
-                            <e-cell value="09/22/2019"></e-cell>
-                            <e-cell value="12:30:02 PM"></e-cell>
-                            <e-cell value="1,00,095.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-columns>
-                    <e-column [width]=88></e-column>
-                    <e-column [width]=88></e-column>
-                    <e-column [width]=106></e-column>
-                    <e-column [width]=98></e-column>
-                    <e-column [width]=88></e-column>
-                    <e-column [width]=86></e-column>
-                    <e-column [width]=81></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('default')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    public style: any = { fontWeight: "bold", textAlign: "center" };
-    public validation = { type: 'WholeNumber', operator: 'NotEqualTo', value1: '1' };
-    public listValidation = { type: 'List', value1: 'Digger, Digger, Cherrypicker' };
-    public listValidation1 = { type: 'List', value1: '50000,50000,45000' };
-    public listValidation2 = { type: 'List', value1: 'Cherrypicker, JCB, Wheelbarrow' };
-    public validation2 = { type: 'List', value1: '45000,90000,40' };
-    public validation3 = { type: 'List', value1: 'Kango, Ropes' };
-    public validation4 = { type: 'List', value1: '450, 95' };
-    public validation5 = { type: 'List', value1: 'JCB, Ropes, scaffolding' };
-    public validation6 = { type: 'List', value1: '90000, 95, 10000' };
-openUrl: any;
-saveUrl: any;
-    created() {
-      //Add Data validation to range.
-      this.spreadsheetObj!.addDataValidation({ type: 'TextLength', operator: 'LessThanOrEqualTo', value1: '4' }, 'A2:A5');
-      this.spreadsheetObj!.addDataValidation({ type: 'WholeNumber', operator: 'NotEqualTo', value1: '1' }, 'B2:B5');
-      this.spreadsheetObj!.addDataValidation({ type: 'Date', operator: 'NotEqualTo', value1: '04/11/2019' }, 'F2:F5');
-      this.spreadsheetObj!.addDataValidation({ type: 'Time', operator: 'Between', value1: '10:00:00 AM', value2: '11:00:00 AM' }, 'G2:G5');
-      this.spreadsheetObj!.addDataValidation({ type: 'Decimal', operator: 'LessThan', value1: '100000.00' }, 'H2:H5');
-      //Highlight Invalid Data.
-      this.spreadsheetObj!.addInvalidHighlight('A1:H5');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.component.ts
deleted file mode 100644
index c6cf86cd0..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.component.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [SpreadsheetAllModule],
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #default [openUrl]="openUrl" [saveUrl]="saveUrl" (created)="created()">
-        <e-sheets>
-            <e-sheet name="PriceDetails" >
-                <e-rows>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="Seller Name" [style]="style"></e-cell>
-                            <e-cell value="Customer Id" [style]="style"></e-cell>
-                            <e-cell value="Customer Name" [style]="style"></e-cell>
-                            <e-cell value="Product Name" [style]="style"></e-cell>
-                             <e-cell value="Product Price" [style]="style"></e-cell>
-                            <e-cell value="Total Price" [style]="style"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="John"></e-cell>
-                            <e-cell value="101"></e-cell>
-                            <e-cell value="Nash"></e-cell>
-                            <e-cell value="Digger"></e-cell>
-                            <e-cell value="50000"></e-cell>
-                            <e-cell value="1,45,000.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="Mike"></e-cell>
-                            <e-cell value="25"></e-cell>
-                            <e-cell value="Jim"></e-cell>
-                            <e-cell value="Cherrypicker"></e-cell>
-                            <e-cell value="45000"></e-cell>
-                            <e-cell value="1,40,040.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="shane"></e-cell>
-                            <e-cell value="35"></e-cell>
-                            <e-cell value="Sean"></e-cell>
-                            <e-cell value="Kango"></e-cell>
-                            <e-cell value="35000"></e-cell>
-                            <e-cell value="1,54,500.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row>
-                        <e-cells>
-                            <e-cell value="John"></e-cell>
-                            <e-cell value="101"></e-cell>
-                            <e-cell value="Nash"></e-cell>
-                            <e-cell value="JCB"></e-cell>
-                            <e-cell value="90000"></e-cell>
-                            <e-cell value="1,00,095.00"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-columns>
-                    <e-column [width]=88></e-column>
-                    <e-column [width]=88></e-column>
-                    <e-column [width]=106></e-column>
-                    <e-column [width]=98></e-column>
-                    <e-column [width]=81></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('default')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-    public style: any = { fontWeight: "bold", textAlign: "center" };
-openUrl: any;
-saveUrl: any;
-    created() {
-      //Add Data validation to range.
-      this.spreadsheetObj!.addDataValidation({ type: 'Custom', value1: '=AND(B2>10, B2<100)' }, 'E2:E5');
-      //Highlight Invalid Data.
-      this.spreadsheetObj!.addInvalidHighlight('E2:E5');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.component.ts
deleted file mode 100644
index 90797124d..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.component.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (beforeDataBound)="beforeDataBound()" [showRibbon]="false" [showSheetTabs]="false">
-                <e-definednames>
-                  <!-- Setting names for 'categories', 'monthly spendings' and 'annual spendings' ranges. -->
-                  <e-definedname name="Categories" refersTo="=Budget Details!A3:A11"></e-definedname>
-                  <e-definedname name="MonthlySpendings" refersTo="=Budget Details!B3:B11"></e-definedname>
-                  <e-definedname name="AnnualSpendings" refersTo="=Budget Details!C3:C11"></e-definedname>
-                </e-definednames>
-                <e-sheets>
-                  <e-sheet name="Budget Details">
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A2"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=40 [customHeight]="true">
-                        <e-cells>
-                          <e-cell value="Monthly Expense" [colSpan]=5 [style]="{ textAlign: 'center', fontWeight: 'bold', verticalAlign: 'middle', fontStyle: 'italic', fontSize: '15pt' }"></e-cell>
-                          <e-cell formula="=SUM(E2:E10)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [index]=11>
-                        <e-cells>
-                          <e-cell value="Totals" [style]="{ fontStyle: 'italic', fontWeight: 'bold' }"></e-cell>
-                          <!-- Initializing the formulas using defined names. -->
-                          <e-cell formula="=SUM(MonthlySpendings)"></e-cell>
-                          <e-cell formula="=SUM(AnnualSpendings)"></e-cell>
-                          <e-cell formula="=SUM(LastYearSpendings)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Number of Categories" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=COUNTA(Categories)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Average Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=AVERAGE(MonthlySpendings)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Min Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=MIN(MonthlySpendings)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Max Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=Max(MonthlySpendings)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    beforeDataBound() {
-        // Adding name dynamically for `last year spending` and `percentage change` ranges.
-        this.spreadsheetObj!.addDefinedName({ name: 'LastYearSpendings', refersTo: '=D3:D11' });
-        this.spreadsheetObj!.addDefinedName({ name: 'PercentageChange', refersTo: '=E3:E11' });
-    }
-
-    created() {
-        // Removing the unwanted `PercentageChange` named range
-        this.spreadsheetObj!.removeDefinedName('PercentageChange', '');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A2:E2');
-        this.spreadsheetObj!.numberFormat('$#,##0', 'B3:D12');
-        this.spreadsheetObj!.numberFormat('0%', 'E3:E12');
-        this.spreadsheetObj!.setRowHeight(30,1);
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.component.ts
deleted file mode 100644
index e3faaff35..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.component.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [allowDelete]="true"
-                [showRibbon]="false">
-                <e-sheets>
-                  <e-sheet name="Sheet1">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=220></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <e-sheet name="Sheet2">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=220></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        // deleting the rows from 8th to 10th index. To delete row, the third argument of enum type is passed as 'Row', the last argument specifies the sheet name or index in which the delete operation will perform. By default,active sheet will be considered. It is applicable only for model type Row and Column.
-        this.spreadsheetObj!.delete(8, 10, 'Row', 0); // startIndex, endIndex, Row, sheet index
-        // deleting the 2nd and 5th indexed columns
-        this.spreadsheetObj!.delete(2, 2, 'Column', 'Sheet2');
-        this.spreadsheetObj!.delete(5, 5, 'Column');
-        this.spreadsheetObj!.delete(0, 0, "Sheet"); // delete the first sheet. sheet index starts from 0
-        // Applies style formatting after deleted the rows and columns
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:A8');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:G8');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.component.ts
deleted file mode 100644
index d84180ec5..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.component.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild, ViewEncapsulation } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { DataSourceChangedEventArgs } from '@syncfusion/ej2-spreadsheet';
-import { data, itemData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<div>
-    <div>
-    <button class='e-btn' style="margin-bottom: 10px;" (click)='changeDataSource()'>Change Datasource</button>
-    <ejs-spreadsheet #spreadsheet (dataSourceChanged)='dataSourceChanged($event)' [showRibbon]='false'>
-    <e-sheets>
-     <e-sheet>
-        <e-ranges><e-range [dataSource]='data'></e-range></e-ranges>
-        <e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns>
-      </e-sheet>
-      </e-sheets>
-      </ejs-spreadsheet>
-         </div>
-         <div>
-            <h4><b>Event Trace</b></h4>
-            <div id="evt">
-               <div style="height:173px;overflow: auto;min-width: 250px;">
-                  <span #EventLog class="EventLog" id="EventLog" style="word-break: normal;"></span>
-                </div>
-                <button class='e-btn' (click)='clearTrace()'>Clear</button>
-                </div>
-            </div>
-        </div>`,
-        styles: [`
-       #EventLog b {
-         color: #388e3c;
-        }
-       #evt {
-         border: 1px solid #dcdcdc;
-         padding: 10px;
-       }
-        `],
-        encapsulation: ViewEncapsulation.None
-
-})
-export class AppComponent {
-    public data: object[] = data;
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    @ViewChild('EventLog') EventLogEle: any;
-
-    dataSourceChanged(args: DataSourceChangedEventArgs): void {
-        this.appendElement("Data source changed with" + "<b>&nbsp;" + args.action + "</b> action<hr>");
-    }
-
-    changeDataSource(): void {
-      this.data = itemData;
-      // You can also change the datasource of the range by changing dataSource property of the range by using below line of code.
-      // this.spreadsheetObj.sheets[0].ranges[0].dataSource = itemData;
-    }
-
-    clearTrace(): void {
-      this.EventLogEle.nativeElement.innerHTML = "";
-    }
-
-   appendElement(html: string): void {
-     let span: HTMLElement = document.createElement("span");
-     span.innerHTML = html;
-     let log: HTMLElement = this.EventLogEle.nativeElement;
-     log.insertBefore(span, log.firstChild);
-   }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.component.ts
deleted file mode 100644
index 196fa40fe..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.component.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { defaultData } from './datasource';
-import { SpreadsheetComponent, SheetModel, getRangeIndexes, getSwapRange, getRangeAddress, CellModel, RangeModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
-
-@Component({
-    selector: 'app-container',
-    template: `<button class="e-btn custom-btn" (click)="updateDataCollection()">Update Dynamic Data</button>
-    <ejs-spreadsheet #spreadsheet (created)='created()'> 
-        <e-sheets> 
-            <e-sheet> 
-                <e-ranges> 
-                    <e-range [dataSource]='dataSource'>
-                    </e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=120></e-column>
-                    <e-column [width]=100></e-column>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=120></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-
-export class AppComponent implements OnInit {
-    public dataSource?: object[];
-    @ViewChild('spreadsheet')
-    public spreadsheetObj!: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.dataSource = defaultData;
-    }
-    created() {
-        // Applies cell formatting to specified range of the active sheet.
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
-    };
-    updateDataCollection(): void {
-        const newDataCollection: RangeModel = {
-            dataSource: [
-                {
-                    'Payment Mode': 'Debit Card',
-                    'Delivery Date': '07/11/2015',
-                    'Amount': '8529.22',
-                },
-                {
-                    'Payment Mode': 'Cash On Delivery',
-                    'Delivery Date': '7/13/2016',
-                    'Amount': '17866.19',
-                },
-                {
-                    'Payment Mode': 'Net Banking',
-                    'Delivery Date': '09/04/2015',
-                    'Amount': '13853.09',
-                },
-                {
-                    'Payment Mode': 'Credit Card',
-                    'Delivery Date': '12/15/2017',
-                    'Amount': '2338.74',
-                },
-                {
-                    'Payment Mode': 'Credit Card',
-                    'Delivery Date': '10/08/2014',
-                    'Amount': '9578.45',
-                },
-                {
-                    'Payment Mode': 'Cash On Delivery',
-                    'Delivery Date': '7/01/2017',
-                    'Amount': '19141.62',
-                },
-                {
-                    'Payment Mode': 'Credit Card',
-                    'Delivery Date': '12/20/2015',
-                    'Amount': '6543.30',
-                },
-                {
-                    'Payment Mode': 'Credit Card',
-                    'Delivery Date': '11/24/2014',
-                    'Amount': '13035.06',
-                },
-                {
-                    'Payment Mode': 'Debit Card',
-                    'Delivery Date': '05/12/2014',
-                    'Amount': '18488.80',
-                },
-                {
-                    'Payment Mode': 'Net Banking',
-                    'Delivery Date': '12/30/2014',
-                    'Amount': '12317.04',
-                },
-                {
-                    'Payment Mode': 'Credit Card',
-                    'Delivery Date': '12/18/2013',
-                    'Amount': '6230.13',
-                },
-                {
-                    'Payment Mode': 'Cash On Delivery',
-                    'Delivery Date': '02/02/2015',
-                    'Amount': '9709.49',
-                },
-                {
-                    'Payment Mode': 'Debit Card',
-                    'Delivery Date': '11/19/2014',
-                    'Amount': '9766.10',
-                },
-                {
-                    'Payment Mode': 'Net Banking',
-                    'Delivery Date': '02/08/2014',
-                    'Amount': '7685.49',
-                },
-                {
-                    'Payment Mode': 'Debit Card',
-                    'Delivery Date': '08/05/2016',
-                    'Amount': '18012.45',
-                },
-                {
-                    'Payment Mode': 'Credit Card',
-                    'Delivery Date': '05/30/2016',
-                    'Amount': '2785.49',
-                },
-                {
-                    'Payment Mode': 'Debit Card',
-                    'Delivery Date': '12/10/2016',
-                    'Amount': '9967.74',
-                },
-            ],
-            startCell: 'D1',
-        }
-        this.spreadsheetObj.updateRange(newDataCollection,0)
-    }
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.module.ts b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.module.ts
index de57017c0..234147c91 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.module.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 
 /**
  * Module
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.component.ts
deleted file mode 100644
index 291e61a38..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.component.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, CellEditEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (cellEdit)="cellEdit($event)" (beforeCellSave)="beforeCellSave($event)" [showSheetTabs]="false" [showRibbon]="false">
-                <e-sheets>
-                  <e-sheet selectedRange="E11">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=180></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [index]=10>
-                        <e-cells>
-                          <e-cell [index]=3 value="Total Amount:" [style]="{ fontWeight: 'bold' }"></e-cell>
-                          <e-cell formula="=SUM(E2:E10)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:E1');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:A10');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'C2:C10');
-        this.spreadsheetObj!.numberFormat('$#,##0.00', 'D2:D10');
-        this.spreadsheetObj!.numberFormat('$#,##0.00', 'E2:E11');
-    }
-
-    // Triggers before going to the editing mode.
-    cellEdit(args: CellEditEventArgs): void {
-        // Preventing the editing in 5th(Amount) column.
-        if (args.address.includes('E')) { args.cancel = true; }
-    }
-
-    // Trigger before saving the edited cell content.
-    beforeCellSave(args: CellEditEventArgs): void {
-        // Prevent saving the edited changes in 4th(Rate) column.
-        if (args.address.includes('D')) {
-            args.cancel = true;
-            // Manually removes the editable state without saving the changes. Use `endEdit` method if you want to save the changes.
-            this.spreadsheetObj!.closeEdit();
-        }
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.component.ts
deleted file mode 100644
index ab58c34ca..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.component.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { NgModule, ViewChild } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component } from '@angular/core';
-import { getDefaultData } from './datasource';
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet [openUrl]="openUrl" [saveUrl]="saveUrl">
-    <e-sheets>
-      <e-sheet name="Car Sales Report">
-        <e-ranges>
-          <e-range [dataSource]="data" [fieldsOrder]="fieldsOrder"></e-range>
-        </e-ranges>
-        <e-columns>
-          <e-column [width]="180"></e-column>
-          <e-column [width]="130"></e-column>
-          <e-column [width]="130"></e-column>
-          <e-column [width]="180"></e-column>
-          <e-column [width]="130"></e-column>
-          <e-column [width]="120"></e-column>
-        </e-columns>
-      </e-sheet>
-    </e-sheets>
-  </ejs-spreadsheet>`
-})
-export class AppComponent {
-  constructor() {
-
-  }
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-  public data: Object[] = getDefaultData();
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-  
-  public fieldsOrder: string[] = ['Customer Name', 'Payment Mode', 'Model', 'Color', 'Amount', 'Delivery Date'];
-
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/main.ts
index 290fe7e02..cf29d0b15 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.component.ts
deleted file mode 100644
index 639938979..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { tradeData } from './datasource';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    public tradeData?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.tradeData = tradeData;
-    }
-    dataBound(){
-         if (this.spreadsheetObj!.activeSheetIndex === 0) {
-            let departments: string[] = ['Sweden', 'Canada', 'UK'];
-            let predicateList: any[] = []
-            departments.forEach((department: string) => { predicateList.push({ field: 'D', predicate: 'or', operator: 'equal', value: department }); })
-            this.spreadsheetObj!.applyFilter(predicateList);
-        }
-    };
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.component.ts
deleted file mode 100644
index 6c9814b39..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.component.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { defaultData } from './datasource';
-import { PredicateModel } from '@syncfusion/ej2-grids';
-import { ExtendedRowModel, SpreadsheetComponent, UsedRangeModel, SheetModel } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<button class="e-btn custom-btn" (click)="onClick()">Get Filtered Rows</button>
-    <ejs-spreadsheet #spreadsheet (created)='created()'> 
-        <e-sheets> 
-            <e-sheet> 
-                <e-ranges> 
-                    <e-range [dataSource]='filterData'>
-                    </e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=120></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-
-export class AppComponent implements OnInit {
-    public filterData?: object[];
-    @ViewChild('spreadsheet')
-    public spreadsheetObj!: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.filterData = defaultData;
-    }
-    created() {
-        // Applies cell formatting to specified range of the active sheet.
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
-        // Construct the predicate model to be updated to the data.
-        let predicates: PredicateModel[] = [{
-            field: 'C',
-            operator: 'equal',
-            value: 'Pink',
-            matchCase: false
-        }];
-        // Apply filter to the specified range.
-        this.spreadsheetObj.applyFilter(predicates, 'A1:C7');
-    };
-    onClick(): void {
-        let activeSheet: SheetModel = this.spreadsheetObj.getActiveSheet();
-        let usedRange: UsedRangeModel = activeSheet.usedRange!;
-        for (let i: number = 0; i <= usedRange.rowIndex!; i++) {
-            // Get the filtered row using isFiltered property.
-            let filteredRow: Object = (activeSheet.rows![i] as ExtendedRowModel).isFiltered!;
-            if (!filteredRow) {
-                let rowData: Object = this.spreadsheetObj.getRowData(i);
-                console.log("Row:", i + 1, "Cells", rowData);
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.component.ts
deleted file mode 100644
index e58847eba..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { closest } from '@syncfusion/ej2-base';
-import { BeforeOpenCloseMenuEventArgs } from '@syncfusion/ej2-navigations';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen($event)"></ejs-spreadsheet>"
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-    contextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs) {
-        if (closest(args.event.target as Element, '.e-sheet-content')) {
-            console.log('Cell Context Menu');
-        } else if (closest(args.event.target as Element, '.e-colhdr-table')) {
-            console.log('Column Header Context Menu');
-        } else if (closest(args.event.target as Element, '.e-rowhdr-table')) {
-            console.log('Row Header Context Menu');
-        } else if (closest(args.event.target as Element, '.e-toolbar-item')) {
-            console.log('Footer Context Menu');
-        }
-    }
-};
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.component.ts
deleted file mode 100644
index e5af832d8..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.component.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { closest } from '@syncfusion/ej2-base';
-import { BeforeOpenCloseMenuEventArgs } from '@syncfusion/ej2-navigations';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen($event)"></ejs-spreadsheet>`
-})
-
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  spreadsheetObj: SpreadsheetComponent | undefined;
-  contextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs){
-    if (closest(args.event.target as Element, '.e-sheet-content')) {
-      console.log('Cell Context Menu');
-    } else if (closest(args.event.target as Element, '.e-colhdr-table')) {
-      console.log('Column Header Context Menu');
-    } else if (closest(args.event.target as Element, '.e-rowhdr-table')) {
-      console.log('Row Header Context Menu');
-    } else if (closest(args.event.target as Element, '.e-toolbar-item')) {
-      console.log('Footer Context Menu');
-    }
-  }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.component.ts
deleted file mode 100644
index dfe1c64b0..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.component.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component, ViewChild } from '@angular/core';
-import { loadCldr, setCulture, setCurrencyCode, Fetch } from '@syncfusion/ej2-base';
-import { SpreadsheetComponent, getFormatFromType, configureLocalizedFormat, FormatOption } from '@syncfusion/ej2-angular-spreadsheet';
-import { ChangeEventArgs, DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';
-import { data } from './datasource';
-
-// Loading the culture-related files.
-const loadCultureFiles: (locales: string[]) => void = (locales: string[]): void => {
-    const files: string[] = ['ca-gregorian', 'numbers', 'timeZoneNames', 'currencies', 'numberingSystems'];
-    locales.forEach((locale: string) => {
-        for (const fileName of files) {
-            const url: string = `./cldr-data/${fileName === 'numberingSystems' ? '' : `${locale}/`}${fileName}.json`;
-            const fetch: Fetch = new Fetch(url, 'GET');
-            fetch.onSuccess = (value: string) => loadCldr((value));
-            fetch.send();
-        }
-    });
-}
-loadCultureFiles(['de', 'fr-CH', 'zh']);
-
-const localeFormats: { [key: string]: FormatOption[] } = {
-    'de': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' },
-    { id: 39, code: '#,##0.00;-#,##0.00' }, { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "€";-#,##0 "€"' },
-    { id: 6, code: '#,##0 "€";[Red]-#,##0 "€"' }, { id: 7, code: '#,##0.00 "€";-#,##0.00 "€"' },
-    { id: 8, code: '#,##0.00 "€";[Red]-#,##0.00 "€"' }, { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' },
-    { id: 42, code: '_-* #,##0 "€"_-;-* #,##0 "€"_-;_-* "-" "€"_-;_-@_-' },
-    { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' },
-    { id: 44, code: '_-* #,##0.00 "€"_-;-* #,##0.00 "€"_-;_-* "-"?? "€"_-;_-@_-' },
-    { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd. MMM yy' }, { id: 16, code: 'dd. MMM' }, { id: 17, code: 'MMM yy' },
-    { id: 20, code: 'hh:mm' }, { id: 21, code: 'hh:mm:ss' }, { id: 22, code: 'dd.MM.yyyy hh:mm' }],
-    'zh': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' }, { id: 39, code: '#,##0.00;-#,##0.00' },
-    { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '"¥"#,##0;"¥"-#,##0' }, { id: 6, code: '"¥"#,##0;[Red]"¥"-#,##0' },
-    { id: 7, code: '"¥"#,##0.00;"¥"-#,##0.00' }, { id: 8, code: '"¥"#,##0.00;[Red]"¥"-#,##0.00' },
-    { id: 41, code: '_ * #,##0_ ;_ * -#,##0_ ;_ * "-"_ ;_ @_' }, { id: 42, code: '_ "¥"* #,##0_ ;_ "¥"* -#,##0_ ;_ "¥"* "-"_ ;_ @_' },
-    { id: 43, code: '_ * #,##0.00_ ;_ * -#,##0.00_ ;_ * "-"??_ ;_ @_' },
-    { id: 44, code: '_ "¥"* #,##0.00_ ;_ "¥"* -#,##0.00_ ;_ "¥"* "-"??_ ;_ @_' },
-    { id: 14, code: 'yyyy/m/d' }, { id: 22, code: 'yyyy/m/d h:mm' }],
-    'fr-CH': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' }, { id: 39, code: '#,##0.00;-#,##0.00' },
-    { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "CHF";-#,##0 "CHF"' },
-    { id: 6, code: '#,##0 "CHF";[Red]-#,##0 "CHF"' }, { id: 7, code: '#,##0.00 "CHF";-#,##0.00 "CHF"' },
-    { id: 8, code: '#,##0.00 "CHF";[Red]-#,##0.00 "CHF"' }, { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd.MMM.yy' },
-    { id: 16, code: 'dd.MMM' }, { id: 17, code: 'MMM.yy' }, { id: 20, code: 'HH:mm' }, { id: 21, code: 'HH:mm:ss' },
-    { id: 22, code: 'dd.MM.yyyy HH:mm' }, { id: 42, code: '_-* #,##0 "CHF"_-;-* #,##0 "CHF"_-;_-* "-" "CHF"_-;_-@_-' },
-    { id: 44, code: '_-* #,##0.00 "CHF"_-;-* #,##0.00 "CHF"_-;_-* "-"?? "CHF"_-;_-@_-' },
-    { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' }, { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' }
-    ],
-    'en-US': []
-};
-
-// Setting German culture.
-setCulture('de');
-// Setting currency code for the German culture.
-setCurrencyCode('EUR');
-
-@Component({
-    imports: [
-        SpreadsheetAllModule, DropDownListModule
-    ],
-    standalone: true,
-    selector: 'app-container',
-    template: `
-    <ejs-dropdownlist id='ddlelement' #samples [index]='index' [width]='width' [dataSource]='cultureList' [fields]='fields' [popupHeight]='popupHeight' [placeholder]='placeholder' (change)="change($event)"></ejs-dropdownlist>
-    <ejs-spreadsheet #spreadsheet locale='de' listSeparator=';' (created)='created()'>
-                    <e-sheets>
-                        <e-sheet>
-                            <e-ranges>
-                                <e-range [dataSource]='dataSource'></e-range>
-                            </e-ranges>
-                            <e-columns>
-                                <e-column [width]=120></e-column>
-                                <e-column [width]=180></e-column>
-                                <e-column [width]=100></e-column>
-                                <e-column [width]=120></e-column>
-                                <e-column [width]=120></e-column>
-                            </e-columns>
-                        </e-sheet>
-                    </e-sheets>
-                </ejs-spreadsheet>`
-})
-
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    public spreadsheetObj!: SpreadsheetComponent;
-    public dataSource: Object[] = data;
-    public index: number = 0;
-    public popupHeight: string = '200px';
-    public width: string = '150px';
-    public placeholder: string = 'Select a Locale';
-    public cultureList: { [key: string]: Object }[] = [
-        { Culture: 'German - Germany', localeOption: 'de EUR ;' },
-        { Culture: 'French - Switzerland', localeOption: 'fr-CH CHF ;' },
-        { Culture: 'Chinese - China', localeOption: 'zh CNY ,' },
-        { Culture: 'English', localeOption: 'en-US USD ,' }
-    ];
-    // maps the appropriate column to fields property
-    public fields: Object = { text: 'Culture', value: 'localeOption' };
-
-    created(): void {
-        this.spreadsheetObj.cellFormat({ textAlign: 'center', fontWeight: 'bold' }, 'A1:H1');
-        // Mapping default number formats for the German ('de') locale after the spreadsheet is created in the created event.
-        configureLocalizedFormat(this.spreadsheetObj, localeFormats['de']);
-        // You need to invoke a refresh if the formats are configured after the spreadsheet component has been created.
-        setTimeout(()=>{
-            this.spreadsheetObj.refresh();
-        });
-        this.applyFormats(); 
-    }
-
-    change(args: ChangeEventArgs): void {
-        const localeOption: string[] = (args.value as string).split(' ');
-        // Setting the culture name like 'de', 'fr-CH', 'zh', and 'en-US'.
-        const cultureName: string = localeOption[0];
-        setCulture(cultureName);
-        // Setting the currency code for the selected locale like 'EUR', 'CNY', 'CHF', and 'USD'.
-        setCurrencyCode(localeOption[1]);
-        // Mapping the default number format codes for the selected locale.
-        configureLocalizedFormat(this.spreadsheetObj, localeFormats[cultureName]);
-        // Setting the culture for the spreadsheet.
-        this.spreadsheetObj.locale = cultureName;
-        // Setting the list separator for the selected locale.
-        this.spreadsheetObj.listSeparator = localeOption[2];
-        // Refreshing the changes immediately in the spreadsheet.
-        this.spreadsheetObj.dataBind();
-        this.applyFormats();
-    }
-
-    applyFormats(): void {
-        // Apply format to the specified range in the active sheet.
-        // The getFormatFromType method returns the culture-based format code based on the mapped formats.
-        // If a format ID is not mapped or is not applicable, it will return the format code based on the loaded culture.
-        // For 'en-US' (English) culture, the format code will be 'm/d/yyyy'.
-        // For 'de' (German) culture, the format code will be 'dd.MM.yyyy'.
-        // For 'fr-CH' (French-Switzerland) culture, the format code will be 'dd.MM.yyyy'.
-        // For 'zh' (Chinese) culture, the format code will be 'yyyy/m/d'.
-        this.spreadsheetObj.numberFormat(getFormatFromType('ShortDate'), 'B2:B11');
-        // For 'en-US' (English) culture, the format code will be 'h:mm:ss AM/PM'.
-        // For 'de' (German) culture, the format code will be 'HH:mm:ss'.
-        // For 'fr-CH' (French-Switzerland) culture, the format code will be 'HH:mm:ss'.
-        // For 'zh' (Chinese) culture, the format code will be 'h:mm:ss AM/PM'.
-        this.spreadsheetObj.numberFormat(getFormatFromType('Time'), 'C2:C11');
-        // For 'en-US' (English) culture, the format code will be '$#,##0.00'.
-        // For 'de' (German) culture, the format code will be '#,##0.00 "€"'.
-        // For 'fr-CH' (French-Switzerland) culture, the format code will be '#,##0.00 "CHF"'.
-        // For 'zh' (Chinese) culture, the format code will be '"¥"#,##0.00'.
-        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'E2:F11');
-        // For 'en-US' (English) culture, the format code will be '_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)'.
-        // For 'de' (German) culture, the format code will be '_-* #,##0.00 "€"_-;-* #,##0.00 "€"_-;_-* "-"?? "€"_-;_-@_-'.
-        // For 'fr-CH' (French-Switzerland) culture, the format code will be '_-* #,##0.00 "CHF"_-;-* #,##0.00 "CHF"_-;_-* "-"?? "CHF"_-;_-@_-'
-        // For 'zh' (Chinese) culture, the format code will be '_ "¥"* #,##0.00_ ;_ "¥"* -#,##0.00_ ;_ "¥"* "-"??_ ;_ @_'
-        this.spreadsheetObj.numberFormat(getFormatFromType('Accounting'), 'H2:H11');
-        // The percentage format code will be '0.00%' for all the cultures.
-        this.spreadsheetObj.numberFormat('0.00%', 'G2:G11');
-    }
-};
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.component.ts
deleted file mode 100644
index cd9438b26..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.component.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, getFormatFromType, NumberFormatType } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
-              [showRibbon]="false" [showSheetTabs]="false" [allowInsert]="false" [allowDelete]="false">
-                <e-sheets>
-                  <e-sheet [showGridLines]="false" selectedRange="U15">
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A2"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=160></e-column>
-                      <e-column [width]=160></e-column>
-                      <e-column [width]=160></e-column>
-                      <e-column [width]=120></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=35 [customHeight]="true">
-                        <e-cells>
-                          <e-cell value="Sales Team Summary" [colSpan]=6 [style]="{ verticalAlign: 'middle', textAlign: 'center', fontSize: '16pt', fontWeight: 'bold', border: '1px solid #e0e0e0', backgroundColor: '#EEEEEE', color: '#279377' }"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [index]=10>
-                        <e-cells>
-                          <e-cell [index]=1 value="Total:" [style]="{ fontWeight: 'bold', fontStyle: 'italic' }"></e-cell>
-                          <e-cell formula="=SUM(C3:C10)" [format]="accountingFormat"></e-cell>
-                          <!-- Applied number format to C11, D11 & E11 through cell binding -->
-                          <e-cell formula="=SUM(D3:D10)" format='_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)'></e-cell>
-                          <e-cell formula="=SUM(E3:E10)" format='_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)'></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    // If the format string is not known, you can get the format string using `getFormatFromType` function like below
-    accountingFormat = getFormatFromType(<NumberFormatType>'Accounting');
-
-    // Applied number formatting to the range of cells using 'numberFormat' method once the component is loaded
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', fontSize: '12pt', backgroundColor: '#279377', textAlign: 'center',
-          color: '#ffffff', borderBottom: '1px solid #e0e0e0' }, 'A2:F2');
-        this.spreadsheetObj!.cellFormat({ borderTop: '1px solid #e0e0e0', backgroundColor: '#EEEEEE' }, 'A11:F11');
-        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A2:F11', 'Outer');
-        // Applied Accounting format to the cells from C3 to E10 range.
-        this.spreadsheetObj!.numberFormat('_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)', 'C3:E10');
-        // Applied Percentage format to the cells from C3 to E11 range.
-        this.spreadsheetObj!.numberFormat('0%', 'F3:F10');
-        // applied the custom number format for cell form D3 to D10 range
-        this.spreadsheetObj!.numberFormat('[Red][<=2000]$#,##0.00;[Blue][>2000]$#,##0.00', 'D3:D10');
-        // applied the custom number format for cell from F3 to F10 range
-        this.spreadsheetObj!.numberFormat('#,##0.00_);[Red](#,##0.00)', 'F3:F10');
-
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.component.ts
deleted file mode 100644
index 044b6dd29..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.component.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, CellStyleModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [showRibbon]="false"
-                [showSheetTabs]="false" [allowInsert]="false" [allowDelete]="false" [allowEditing]="false">
-                <e-sheets>
-                  <e-sheet [showGridLines]="false" selectedRange="U15">
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A2"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=200></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=90></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=35 [customHeight]="true">
-                        <e-cells>
-                          <!-- Applied styles to 'A1' cell through cell binding -->
-                          <e-cell value="Order Summary" [colSpan]=5 [style]="{ fontFamily: 'Axettac Demo', verticalAlign: 'middle', textAlign: 'center', fontSize: '18pt', fontWeight: 'bold', color: '#279377', border: '1px solid #e0e0e0' }"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [height]=30>
-                        <e-cells>
-                          <!-- Applied styles to 'C2' cell through cell property binding -->
-                          <e-cell [index]=2 [style]="{ textAlign: 'right' }"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                      <e-row [height]=30></e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    // Applied cell formatting to the range of cells using 'cellFormat' method once the component is loaded
-    created() {
-        // Setting common styles to table header cells
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', fontSize: '12pt', backgroundColor: '#279377', color: '#ffffff' }, 'A2:E2');
-        // Setting common styles to whole table cells
-        this.spreadsheetObj!.cellFormat({ verticalAlign: 'middle', fontFamily: 'Axettac Demo' }, 'A2:E12');
-        // Column wise styles setting
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:A12');
-        // Setting text-indent to 2 and 4 column
-        const style: CellStyleModel = { textAlign: 'left', textIndent: '8pt' };
-        this.spreadsheetObj!.cellFormat(style, 'B2:B12');
-        this.spreadsheetObj!.cellFormat(style, 'D2:D12');
-        this.spreadsheetObj!.cellFormat({ fontStyle: 'italic', textAlign: 'right' }, 'C3:C12');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'E2:E12');
-        // Applied border to range of cells using 'setBorder' method
-        this.spreadsheetObj!.setBorder({ borderLeft: '1px solid #e0e0e0', borderRight: '1px solid #e0e0e0' }, 'A2:E2');
-        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A4:E11', 'Horizontal');
-        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A3:E12', 'Outer');
-        this.spreadsheetObj!.cellFormat({ color: '#10c469', textDecoration: 'line-through' }, 'E3:E4');
-        this.spreadsheetObj!.cellFormat({ color: '#10c469', textDecoration: 'line-through' }, 'E9');
-        this.spreadsheetObj!.cellFormat({ color: '#10c469', textDecoration: 'line-through' }, 'E12');
-        this.spreadsheetObj!.cellFormat({ color: '#FFC107', textDecoration: 'underline' }, 'E5');
-        this.spreadsheetObj!.cellFormat({ color: '#FFC107', textDecoration: 'underline' }, 'E8');
-        this.spreadsheetObj!.cellFormat({ color: '#FFC107', textDecoration: 'underline' }, 'E11');
-        this.spreadsheetObj!.cellFormat({ color: '#62c9e8' }, 'E6');
-        this.spreadsheetObj!.cellFormat({ color: '#62c9e8' }, 'E10');
-        this.spreadsheetObj!.cellFormat({ color: '#ff5b5b' }, 'E7');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.component.ts
deleted file mode 100644
index 9e06d6493..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.component.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-
-
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showRibbon]="false"
-                [showSheetTabs]="false">
-                <e-sheets>
-                  <e-sheet>
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A2"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=40 [customHeight]="true">
-                        <e-cells>
-                          <e-cell value="Monthly Expense" [colSpan]=5 [style]="{ textAlign: 'center', fontWeight: 'bold', verticalAlign: 'middle', fontStyle: 'italic', fontSize: '15pt' }"></e-cell>
-                          <e-cell formula="=SUM(E2:E10)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [index]=11>
-                        <e-cells>
-                          <e-cell value="Totals" [style]="{ fontStyle: 'italic', fontWeight: 'bold' }"></e-cell>
-                          <!-- Calculating total of each column data through cell binding. -->
-                          <e-cell formula="=SUM(B3:B11)"></e-cell>
-                          <e-cell formula="=SUM(C3:C11)"></e-cell>
-                          <e-cell formula="=SUM(D3:D11)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Number of Categories" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=COUNTA(A3:A11)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Average Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=AVERAGE(B3:B11)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Min Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=MIN(B3:B11)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Max Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=Max(B3:B11)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`,
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-
-  data: object[] = dataSource;
-
-  // Custom function to calculate percentage between two cell values.
-  calculatePercentage(firstCell: string, secondCell: string): number {
-    return Number(firstCell) / Number(secondCell);
-  }
-
-  // Custom function to calculate round down for values.
-  roundDownHandler(value: number, digit: number): number {
-    let multiplier: number = Math.pow(10, digit);
-    return Math.floor(value * multiplier) / multiplier;
-  }
-
-  created() {
-    this.spreadsheetObj.cellFormat(
-      { fontWeight: 'bold', textAlign: 'center' },
-      'A2:F2'
-    );
-    this.spreadsheetObj.numberFormat('$#,##0', 'B3:D12');
-    this.spreadsheetObj.numberFormat('0%', 'E3:E12');
-    // Adding custom function for calculating the percentage between two cells.
-    this.spreadsheetObj.addCustomFunction(
-      this.calculatePercentage,
-      'PERCENTAGE'
-    );
-    // Adding custom function for calculating round down for the value.
-    this.spreadsheetObj.addCustomFunction(this.roundDownHandler, 'ROUNDDOWN');
-    // Calculate percentage using custom added formula in E12 cell.
-    this.spreadsheetObj.updateCell({ formula: '=PERCENTAGE(C12,D12)' }, 'E12');
-    // Calculate round down for average values using custom added formula in F12 cell.
-    this.spreadsheetObj.updateCell({ formula: '=ROUNDDOWN(F11,1)' }, 'F12');
-  }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.component.ts
deleted file mode 100644
index 1fdd01540..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.component.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showRibbon]="false"
-                [showSheetTabs]="false">
-                <e-sheets>
-                  <e-sheet>
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A2"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=40 [customHeight]="true">
-                        <e-cells>
-                          <e-cell value="Monthly Expense" [colSpan]=5 [style]="{ textAlign: 'center', fontWeight: 'bold', verticalAlign: 'middle', fontStyle: 'italic', fontSize: '15pt' }"></e-cell>
-                          <e-cell formula="=SUM(E2:E10)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [index]=11>
-                        <e-cells>
-                          <e-cell value="Totals" [style]="{ fontStyle: 'italic', fontWeight: 'bold' }"></e-cell>
-                          <!-- Calculating total of each column data through cell binding. -->
-                          <e-cell formula="=SUM(B3:B11)"></e-cell>
-                          <e-cell formula="=SUM(C3:C11)"></e-cell>
-                          <e-cell formula="=SUM(D3:D11)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Number of Categories" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=COUNTA(A3:A11)"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Average Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=AVERAGE(B3:B11)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Min Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=MIN(B3:B11)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=1 value="Max Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
-                          <e-cell [index]=3 formula="=Max(B3:B11)" format="$#,##0"></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`,
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  spreadsheetObj!: SpreadsheetComponent;
-
-  data: object[] = dataSource;
-
-  // Custom function to calculate percentage between two cell values.
-  calculatePercentage(firstCell: string, secondCell: string): number {
-    return Number(firstCell) / Number(secondCell);
-  }
-
-  created() {
-    this.spreadsheetObj.cellFormat(
-      { fontWeight: 'bold', textAlign: 'center' },
-      'A2:F2'
-    );
-    this.spreadsheetObj.numberFormat('$#,##0', 'B3:D12');
-    this.spreadsheetObj.numberFormat('0%', 'E3:E12');
-    // Adding custom function for calculating the percentage between two cells.
-    this.spreadsheetObj.addCustomFunction(
-      this.calculatePercentage,
-      'PERCENTAGE'
-    );
-
-    // Calculate percentage using custom added formula in E11 cell.
-    this.spreadsheetObj.updateCell({ formula: '=PERCENTAGE(C11,D11)' }, 'E11');
-    // Calculate expressions using computeExpression in E10 cell.
-    this.spreadsheetObj.updateCell(
-      { value: this.spreadsheetObj.computeExpression('C10/D10') as string },
-      'E10'
-    );
-    // Calculate custom formula values using computeExpression in E12 cell.
-    this.spreadsheetObj.updateCell(
-      {
-        value: this.spreadsheetObj.computeExpression(
-          '=PERCENTAGE(C12,D12)'
-        ) as string,
-      },
-      'E12'
-    );
-    // Calculate SUM (built-in) formula values using computeExpression in D12 cell.
-    this.spreadsheetObj.updateCell(
-      {
-        value: this.spreadsheetObj.computeExpression('=SUM(D3:D11)') as string,
-      },
-      'D12'
-    );
-  }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.component.ts
deleted file mode 100644
index fb4ac574b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.component.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { L10n, loadCldr, setCulture, setCurrencyCode } from '@syncfusion/ej2-base';
-import { SpreadsheetComponent, getFormatFromType } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-import deDELocalization from './locale.json';
-import cagregorian from './ca-gregorian.json';
-import currencies from './currencies.json';
-import numbers from './numbers.json';
-import timeZoneNames from './timeZoneNames.json';
-import numberingSystems from './numberingSystems.json';
-
-L10n.load(deDELocalization);
-setCulture('de');
-setCurrencyCode('EUR');
-loadCldr(cagregorian, currencies, numbers, timeZoneNames, numberingSystems);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet locale='de' listSeparator=';' [showRibbon]='false' [showSheetTabs]='false' (created)='created()'>
-                    <e-sheets>
-                        <e-sheet selectedRange='E14'>
-                            <e-ranges>
-                                <e-range [dataSource]='dataSource'></e-range>
-                            </e-ranges>
-                            <e-rows>
-                                <e-row [index]=12>
-                                    <e-cells>
-                                        <e-cell [index]=3 value='Subtotal:'></e-cell>
-                                        <e-cell formula='=SUBTOTAL(9;E2:E12)'></e-cell>
-                                    </e-cells>
-                                </e-row>
-                                <e-row>
-                                    <e-cells>
-                                        <e-cell [index]=3 value='Discount (8,5%):'></e-cell>
-                                        <e-cell formula='=PRODUCT(8,5;E13)/100'></e-cell>
-                                    </e-cells>
-                                </e-row>
-                                <e-row>
-                                    <e-cells>
-                                        <e-cell [index]=3 value='Total Amount:'></e-cell>
-                                        <e-cell formula='=E13-E14'></e-cell>
-                                    </e-cells>
-                                </e-row>
-                            </e-rows>
-                            <e-columns>
-                                <e-column [width]=120></e-column>
-                                <e-column [width]=180></e-column>
-                                <e-column [width]=100></e-column>
-                                <e-column [width]=120></e-column>
-                                <e-column [width]=120></e-column>
-                            </e-columns>
-                        </e-sheet>
-                    </e-sheets>
-                </ejs-spreadsheet>`
-})
-
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj!: SpreadsheetComponent;
-    dataSource: Object[] = data;
-
-    created(): void {
-        this.spreadsheetObj.cellFormat({ textAlign: 'center', fontWeight: 'bold' }, 'A1:E1');
-        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'D2:E12');
-        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'E13:E15');
-    }
-};
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.component.ts
deleted file mode 100644
index 2f38a80b2..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { tradeData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet> <e-sheets> <e-sheet [frozenRows]=2 [frozenColumns]=2> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    public tradeData?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.tradeData = tradeData;
-    }
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.component.ts
deleted file mode 100644
index 7bf8bf007..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.component.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
-                [showSheetTabs]="false">
-                <e-sheets>
-                  <!-- Hiding the headers and gridlines in 'Price Details' sheet -->
-                  <e-sheet [showGridLines]="false" [showHeaders]="false">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
-        // The gridlines have been removed to set border for the range of cells
-        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A1:H11');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.component.ts
deleted file mode 100644
index 18ac44030..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.component.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
-                [showSheetTabs]="false" [showRibbon]="false">
-                <e-sheets>
-                  <e-sheet>
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <!-- Hiding the 1st and 2nd column index through property binding -->
-                      <e-column [width]=100 [hidden]="true"></e-column>
-                      <e-column [width]=100 [hidden]="true"></e-column>
-                      <e-column [width]=80></e-column>
-                      <e-column [width]=80></e-column>
-                      <e-column [width]=80></e-column>
-                      <e-column [width]=80></e-column>
-                      <e-column [width]=80></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [index]=2 [hidden]="true"></e-row>
-                      <e-row [hidden]="true"></e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        // Unhide the 2nd index hidden column
-        this.spreadsheetObj!.hideColumn(1, 1, false);
-        // Unhide the 3rd index hidden row
-        this.spreadsheetObj!.hideRow(3, 3, false);
-        // Hiding the 6th index column
-        this.spreadsheetObj!.hideColumn(6);
-        // Hiding the 8th and 9th index row
-        this.spreadsheetObj!.hideRow(8, 9);
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.component.ts
deleted file mode 100644
index 44a0df2da..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.component.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showRibbon]="false" [showFormulaBar]="false">
-                <e-sheets>
-                  <e-sheet name="Employee Deatils" [showGridLines]="false" selectedRange="B2">
-                    <e-rows>
-                    <e-row [index]="1" [height]="30" >
-                        <e-cells>
-                            <e-cell [index]="1" value="   Mark"></e-cell>
-                        </e-cells>
-                    </e-row>
-                     <e-row [index]="2" [height]="40" >
-                        <e-cells>
-                            <e-cell [index]="2" value="Id" [style]="{  verticalAlign: 'bottom' }"></e-cell>
-                            <e-cell [index]="3" value=": 1001" [style]="{  verticalAlign: 'bottom' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="3">
-                        <e-cells>
-                             <e-cell [index]="1" [image]="[{src:'data:image/png;base64,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',
-     height: 150, width: 180, top:62, left: 50}]
-"></e-cell>
-                            <e-cell [index]="2" value="Gender"></e-cell>
-                            <e-cell [index]="3" value=": Male"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="4">
-                        <e-cells>
-                            <e-cell [index]="2" value="Contact Preference"></e-cell>
-                            <e-cell [index]="3" value=": Email"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="5">
-                        <e-cells>
-                            <e-cell [index]="2" value="Email"></e-cell>
-                            <e-cell [index]="3" value=": mark@gmail.com"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="6">
-                        <e-cells>
-                            <e-cell [index]="2" value="Date of Birth"></e-cell>
-                            <e-cell [index]="3" value=": Jan 3, 1985"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="7">
-                        <e-cells>
-                            <e-cell [index]="2" value="Department"></e-cell>
-                            <e-cell [index]="3" value=": IT"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="8" [height]="40" >
-                        <e-cells>
-                            <e-cell [index]="2" value="IsActive" [style]="{  verticalAlign: 'top' }"></e-cell>
-                            <e-cell [index]="3" value=": True" [style]="{  verticalAlign: 'top' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="10" [height]="30" >
-                        <e-cells>
-                            <e-cell [index]="1" value="   Mary"></e-cell>
-                        </e-cells>
-                    </e-row>
-                     <e-row [index]="11" [height]="40" >
-                        <e-cells>
-                            <e-cell [index]="2" value="Id" [style]="{  verticalAlign: 'bottom' }"></e-cell>
-                            <e-cell [index]="3" value=": 1002" [style]="{  verticalAlign: 'bottom' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="12">
-                        <e-cells>
-                             <e-cell [index]="1" [image]="[{src:'data:image/png;base64,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',
-                             height: 150, width: 180, top:290, left: 50}]"></e-cell>
-                            <e-cell [index]="2" value="Gender"></e-cell>
-                            <e-cell [index]="3" value=": Female"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="13">
-                        <e-cells>
-                            <e-cell [index]="2" value="Contact Preference"></e-cell>
-                            <e-cell [index]="3" value=": Phone"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="14">
-                        <e-cells>
-                            <e-cell [index]="2" value="Email"></e-cell>
-                            <e-cell [index]="3" value=": mary@gmail.com"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="15">
-                        <e-cells>
-                            <e-cell [index]="2" value="Date of Birth"></e-cell>
-                            <e-cell [index]="3" value=": Dec 8, 1989"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="16">
-                        <e-cells>
-                            <e-cell [index]="2" value="Department"></e-cell>
-                            <e-cell [index]="3" value=": HR"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [index]="17" [height]="40" >
-                        <e-cells>
-                            <e-cell [index]="2" value="IsActive" [style]="{  verticalAlign: 'top' }"></e-cell>
-                            <e-cell [index]="3" value=": True" [style]="{  verticalAlign: 'top' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    </e-rows>
-                    <e-columns>
-                      <e-column [width]=20></e-column>
-                      <e-column [width]=280></e-column>
-                      <e-column [width]=172></e-column>
-                      <e-column [width]=160></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    created() {
-            this.spreadsheetObj!.merge('B2:D2');
-            this.spreadsheetObj!.merge('B11:D11');
-            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', verticalAlign: 'middle', backgroundColor: '#1167b1', color: '#ffffff' }, 'B2');
-            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', verticalAlign: 'middle', backgroundColor: '#1167b1', color: '#ffffff' }, 'B11');
-            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'C3:C9');
-            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'C12:C18');
-            this.spreadsheetObj!.setBorder({ border: '1px solid #1167b1' }, 'B2:D9', 'Outer');
-            this.spreadsheetObj!.setBorder({ border: '1px solid #1167b1' }, 'B11:D18', 'Outer');
-        }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.component.ts
deleted file mode 100644
index e1b8665ed..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.component.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { data, employeeData } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<div >
-    <button class="e-btn custom-btn" (click)='onClick()'>Insert Sheet</button>
-    <ejs-spreadsheet #spreadsheet >
-        <e-sheets>
-            <e-sheet name="Car Sales Report">
-                <e-ranges>
-                    <e-range [dataSource]="dataSource"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=120></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj!: SpreadsheetComponent;
-    dataSource: Object[] = data;
-    onClick(): void {
-        this.spreadsheetObj.insertSheet(
-            [
-                {
-                    index: 1,
-                    name: 'new_sheet',
-                    ranges: [
-                        {
-                            dataSource: employeeData,
-                            startCell: 'A1'
-                        },
-                    ]
-                },
-            ]
-        );
-        // Use the timeout function to wait until the sheet is inserted.
-        setTimeout(() => {
-            // Method for switching to a new sheet.
-            this.spreadsheetObj.goTo('new_sheet!A1');
-        })
-    }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.component.ts
deleted file mode 100644
index ce06fa89b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, CellModel, getCellAddress } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [showSheetTabs]="false"
-                [showRibbon]="false">
-                <e-sheets>
-                  <e-sheet>
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="A2"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=220></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-    // Cells model that you are going to update in the inserted 5th column dynamically
-    cellsModel: CellModel[] = [{ value: 'Unit Price', style: { fontWeight: 'bold', textAlign: 'center' } }, { value: '18.00' },
-        { value: '19.00' }, { value: '10.00' }, { value: '22.00' }, { value: '21.35' }, { value: '25.00' }, { value: '30.00' },
-        { value: '21.00' }, { value: '40.00' }, { value: '97.00' }];
-
-    created() {
-        // Applies style formatting before inserting the column
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A2:G2');
-        // inserting a empty column at 0th index
-        this.spreadsheetObj!.insertColumn();
-        // inserting 1 column at the 5th index with column model
-        this.spreadsheetObj!.insertColumn([{ index: 5, width: 90 }]);
-        let rowIndex = 1;
-        // Updating the 5th column data
-        this.cellsModel.forEach((cell: CellModel): void => {
-            this.spreadsheetObj!.updateCell(cell, getCellAddress(rowIndex, 5)); rowIndex++;
-        });
-        // Applies style formatting after the columns are inserted
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'B3:B12');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D3:D12');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'F3:H12');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.component.ts
deleted file mode 100644
index 2b66465ae..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.component.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, RowModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
-                [showSheetTabs]="false" [showRibbon]="false">
-                <e-sheets>
-                  <e-sheet>
-                    <e-ranges>
-                      <e-range [dataSource]="data" startCell="B1"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=20></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=220></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-    // Rows model that is going to insert dynamically
-    rowsModel: RowModel[] = [
-        {
-            index: 9, // Need to specify the index for the first row collection, the specified rows will be inserted in this index.
-            cells: [{ value: '' }, { value: '8' }, { value: 'Northwoods Cranberry Sauce' }, { value: '3' }, { value: '12 - 12 oz jars' },
-                { value: '40.00' }, { value: '6' }, { value: 'false' }]
-        },
-        {
-            cells: [{ value: '' }, { value: '9' }, { value: 'Mishi Kobe Niku' }, { value: '4' }, { value: '18 - 500 g pkgs.' },
-                { value: '97.00' }, { value: '29' }, { value: 'true' }]
-        }
-    ];
-
-    created() {
-        // Applies style formatting before inserting the rows
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'B1:H1');
-        // inserting a empty row at 0th index
-        this.spreadsheetObj!.insertRow();
-        // inserting 2 rows at the 9th index with data
-        this.spreadsheetObj!.insertRow(this.rowsModel);
-        // Applies style formatting after the rows are inserted
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'B3:B12');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D3:D12');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'F3:H12');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.component.ts
deleted file mode 100644
index 7d98ce9db..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [showRibbon]="false">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        // Applies style formatting to the active sheet before inserting a new sheet
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
-        // inserting a new sheet with data at 1st index
-        // You can also insert empty sheets by specifying the start and end sheet index instead of sheet model
-        this.spreadsheetObj!.insertSheet([{
-            index: 1,
-            name: 'Inserted Sheet',
-            ranges: [{ dataSource: this.data }],
-            columns: [{ width: 150 }, { width: 110 }, { width: 110 }, { width: 85 }, { width: 85 }, { width: 85 }, { width: 85 },
-                { width: 85 }]
-        }]);
-        // Applies style formatting for the inserted sheet
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Inserted Sheet!A1:H1');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'Inserted Sheet!D2:H11');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.component.ts
deleted file mode 100644
index 263d5be23..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.component.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { L10n, loadCldr, setCulture, setCurrencyCode } from '@syncfusion/ej2-base';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { defaultData } from './datasource';
-
-L10n.load({
-    'fr-CH': {
-        'spreadsheet': {
-            'File': 'Fichier',
-            'Home': 'Accueil',
-            'Insert': 'Insérer',
-            'Formulas': 'Formules',
-            'Data': 'Les données',
-            'View': 'Vue',
-            'Cut': 'Coupe',
-            'Copy': 'Copie',
-            'Paste': 'Pâte',
-            'PasteSpecial': 'Pâte spéciale',
-            'All': 'Tous les',
-            'Values': 'Valeurs',
-            'Formats': 'Les formats',
-            'Font': 'fonte',
-            'FontSize': 'Taille de police',
-            'Bold': 'Audacieux',
-            'Italic': 'Italique',
-            'Underline': 'Souligner',
-            'Strikethrough': 'Barré',
-            'TextColor': 'Couleur du texte',
-            'FillColor': 'La couleur de remplissage',
-            'HorizontalAlignment': 'Alignement horizontal',
-            'AlignLeft': 'Alignez à gauche',
-            'AlignCenter': 'centre',
-            'AlignRight': 'Aligner à droite',
-            'VerticalAlignment': 'Alignement vertical',
-            'AlignTop': 'Aligner en haut',
-            'AlignMiddle': 'Aligner le milieu',
-            'AlignBottom': 'Aligner le bas',
-            'InsertFunction': 'Insérer une fonction',
-            'Delete': 'Effacer',
-            'Rename': 'Rebaptiser',
-            'Hide': 'Cacher',
-            'Unhide': 'Démasquer',
-            'NumberFormat': 'Nombre Format',
-        }
-    }
-});
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet locale='fr-CH' (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='defaultData'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    defaultData?: Object[];
-    ngOnInit(): void {
-        this.defaultData = defaultData;
-        setCulture('fr-CH');
-        setCurrencyCode('EUR');
-
-        loadCldr('./currencies.json',
-            './numbers.json',
-            './ca-gregorian.json',
-            './timeZoneNames.json',
-            './numberingSystems.json');
-    }
-    created(){
-         //Applies cell and number formatting to specified range of the active sheet
-            this.spreadsheetObj?.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
-            this.spreadsheetObj?.numberFormat('$#,##0.00', 'F2:F11');
-    };
-};
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.component.ts
deleted file mode 100644
index 0dde6bd99..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.component.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { jsonData } from './datasource';
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-
-
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (created)="created()"><e-sheets> <e-sheet><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>`
-})
-export class AppComponent {
-  public data?: object[];
-  @ViewChild('spreadsheet') public spreadsheetObj!: SpreadsheetComponent;
-
-  created() {
-    this.spreadsheetObj.openFromJson({ file: jsonData });
-  }
-};
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/main.ts
index 290fe7e02..cf29d0b15 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.component.ts
deleted file mode 100644
index a71bd5704..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (beforeHyperlinkClick)='beforeHyperlinkClick($event)'> <e-sheets> <e-sheet name='Monthly Budget' selectedRange='D13'>  <e-rows>  <e-row>  <e-cells>   <e-cell value='Item Name'></e-cell>   <e-cell value='Quantity'></e-cell>  <e-cell value='Price'></e-cell> <e-cell value='Amount'></e-cell> <e-cell value='Stock Detail'></e-cell>   <e-cell value='Website'></e-cell>   </e-cells>    </e-row> <e-row>     <e-cells>    <e-cell value='Casual Shoes'></e-cell>   <e-cell value='10'></e-cell>  <e-cell value='20'></e-cell>  <e-cell value='200'></e-cell> <e-cell value='OUT OF STOCK'></e-cell>  <e-cell value='Amazon' hyperlink='https://www.amazon.com/'></e-cell> </e-cells> </e-row>  <e-row> <e-cells> <e-cell value='Sports Shoes'></e-cell>  <e-cell value='20'></e-cell> <e-cell value='30'></e-cell>  <e-cell value='600'></e-cell>  <e-cell value='IN STOCK' hyperlink='Stock!A2:B2'></e-cell> <e-cell value='Overstack' hyperlink='https://www.overstock.com/'></e-cell> </e-cells> </e-row> <e-row>   <e-cells>   <e-cell value='Formal Shoes'></e-cell>   <e-cell value='20'></e-cell> <e-cell value='15'></e-cell>  <e-cell value='300'></e-cell>  <e-cell value='IN STOCK' hyperlink='Stock!A3:B3'></e-cell>  <e-cell value='Aliexpress' hyperlink='https://www.aliexpress.com/'></e-cell>  </e-cells>  </e-row>  <e-row>   <e-cells>    <e-cell value='Sandals & Floaters'></e-cell>  <e-cell value='15'></e-cell>  <e-cell value='20'></e-cell>   <e-cell value='300'></e-cell> <e-cell value='OUT OF STOCK'></e-cell>  <e-cell value='Alibaba' hyperlink='http://www.alibaba.com/'></e-cell>    </e-cells>    </e-row>  <e-row>  <e-cells>  <e-cell value='Flip-Flops & Slippers'></e-cell>   <e-cell value='30'></e-cell> <e-cell value='10'></e-cell>  <e-cell value='300'></e-cell>    <e-cell value='IN STOCK' hyperlink='Stock!A4:B4'></e-cell>  <e-cell value='Taobao' hyperlink='https://taobao.com/'></e-cell>   </e-cells>   </e-row>  </e-rows>  <e-columns>     <e-column [width]=110></e-column>     <e-column [width]=115></e-column> <e-column [width]=110></e-column> <e-column [width]=100></e-column>    <e-column [width]=120></e-column> <e-column [width]=140></e-column> </e-columns>  </e-sheet> <e-sheet name='Stock' selectedRange='D13'>  <e-rows>  <e-row> <e-cells>    <e-cell value='Item Name'></e-cell> <e-cell value='Available Count'></e-cell>     </e-cells> </e-row>  <e-row> <e-cells>  <e-cell value='Casual Shoes'></e-cell> <e-cell value='10'></e-cell>   </e-cells>  </e-row> <e-row>   <e-cells>  <e-cell value='Sports Shoes'></e-cell>  <e-cell value='20'></e-cell>  </e-cells> </e-row>  <e-row>  <e-cells> <e-cell value='Formal Shoes'></e-cell>  <e-cell value='20'></e-cell></e-cells></e-row>  <e-row> <e-cells>  <e-cell value='Sandals & Floaters'></e-cell><e-cell value='15'></e-cell>  </e-cells>  </e-row><e-row> <e-cells> <e-cell value='Flip-Flops & Slippers'></e-cell>  <e-cell value='30'></e-cell> </e-cells> </e-row> </e-rows> <e-columns> <e-column [width]=110></e-column><e-column [width]=115></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-    }
-    beforeHyperlinkClick (args : any) {
-        args.target = '_self'; //change target attribute
-    }
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.component.ts
deleted file mode 100644
index 91370db6f..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-  };
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.component.ts
deleted file mode 100644
index 1b4be000b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.component.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { L10n } from '@syncfusion/ej2-base';
-import { data } from './datasource';
-
-L10n.load({
-    'fr-CH': {
-        'spreadsheet': {
-            'File': 'Fichier',
-            'Home': 'Accueil',
-            'Insert': 'Insérer',
-            'Formulas': 'Formules',
-            'Data': 'Les données',
-            'View': 'Vue',
-            'Cut': 'Coupe',
-            'Copy': 'Copie',
-            'Paste': 'Pâte',
-            'PasteSpecial': 'Pâte spéciale',
-            'All': 'Tous les',
-            'Values': 'Valeurs',
-            'Formats': 'Les formats',
-            'Font': 'fonte',
-            'FontSize': 'Taille de police',
-            'Bold': 'Audacieux',
-            'Italic': 'Italique',
-            'Underline': 'Souligner',
-            'Strikethrough': 'Barré',
-            'TextColor': 'Couleur du texte',
-            'FillColor': 'La couleur de remplissage',
-            'HorizontalAlignment': 'Alignement horizontal',
-            'AlignLeft': 'Alignez à gauche',
-            'AlignCenter': 'centre',
-            'AlignRight': 'Aligner à droite',
-            'VerticalAlignment': 'Alignement vertical',
-            'AlignTop': 'Aligner en haut',
-            'AlignMiddle': 'Aligner le milieu',
-            'AlignBottom': 'Aligner le bas',
-            'InsertFunction': 'Insérer une fonction',
-            'Delete': 'Effacer',
-            'Rename': 'Rebaptiser',
-            'Hide': 'Cacher',
-            'Unhide': 'Démasquer',
-            'NumberFormat': 'Nombre Format',
-        }
-    }
-});
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet locale='fr-CH'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.component.ts
deleted file mode 100644
index d37364388..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.component.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { L10n } from '@syncfusion/ej2-base';
-import { data } from './datasource';
-
-L10n.load({
-      'ar-AE': {
-        'spreadsheet': {
-            "File": "ملف",
-            "Home": "هم",
-            "Insert": "إدراج",
-            "Formulas": "الصيغ",
-            "View": "معاينة",
-            "Data": "البيانات",
-            "Cut": "قطع",
-            "Copy": "نسخ",
-            "Paste": "معجون",
-            "PasteSpecial": "لصق خاص",
-            "All": "جميع",
-            "Values": "القيم",
-            "Formats": "شكل",
-            "Font": "الخط",
-            "FontSize": "حجم الخط",
-            "Bold": "جريء",
-            "Italic": "مائل",
-            "Underline": "أكد",
-            "Strikethrough": "يتوسطه",
-            "TextColor": "لون الخط",
-            "FillColor": "لون التعبئة",
-            "HorizontalAlignment": "المحاذاة الأفقية",
-            "AlignLeft": "محاذاة إلى اليسار",
-            "AlignCenter": "مركز",
-            "AlignRight": "محاذاة إلى اليمين",
-            "VerticalAlignment": "محاذاة عمودية",
-            "AlignTop": "محاذاة أعلى",
-            "AlignMiddle": "محاذاة الأوسط",
-            "AlignBottom": "أسفل محاذاة",
-            "InsertFunction": "إدراج وظيفة",
-            "Delete": "حذف",
-            "Rename": "إعادة تسمية",
-            "Hide": "إخفاء",
-            "Unhide": "ظهار"
-        }
-    }
-});
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet locale='ar-AE' [enableRtl]='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.component.ts
deleted file mode 100644
index 22d616cea..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet [isProtected]='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.component.ts
deleted file mode 100644
index 716458a2f..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet password='syncfusion'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.component.ts
deleted file mode 100644
index dcf8e2ed2..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.component.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { Dialog } from '@syncfusion/ej2-popups';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1, dataSource2 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<button class="e-btn" style="margin: 5px 0;" (click)="btnClick()">
-                Unlock cells</button>
-              <div id="dialog"></div>
-              <ejs-spreadsheet #spreadsheet id="spreadsheet" (created)="created()">
-                <e-sheets>
-                  <e-sheet name="Budget" [isProtected]="true" [protectSettings]="{ selectCells: true }">
-                    <e-ranges>
-                      <e-range [dataSource]="budgetData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <e-sheet name="Salary">
-                    <e-ranges>
-                      <e-range [dataSource]="salaryData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    dialogObj: Dialog | undefined;
-
-    budgetData: object[] = dataSource1;
-
-    salaryData: object[] = dataSource2;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold'}, 'A11:D11');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
-
-        // Creating dialog component,
-        this.dialogObj = new Dialog({
-            header: 'Spreadsheet',
-            target: document.getElementById('spreadsheet') as any,
-            content: '"A1:F3" range of cells has been unlocked.',
-            showCloseIcon: true,
-            
-            visible: false,
-            width: '500px',
-            buttons: [{
-                click: this.lockCells.bind(this), buttonModel: { content: 'Ok', isPrimary: true }
-            }],
-        });
-        this.dialogObj.appendTo('#dialog');
-    }
-
-    btnClick (): void {
-        this.dialogObj!.show();
-    }
-
-    lockCells(): void {
-        this.spreadsheetObj!.lockCells('A1:F3', false);
-        this.dialogObj!.hide();
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.component.ts
deleted file mode 100644
index 1036e5f5c..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.component.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
-                <e-sheets>
-                  <e-sheet name="Merge Cells">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=35></e-row>
-                      <e-row [height]=35>
-                        <e-cells>
-                          <!-- Merging the 2nd cells of rows 2 and 3 through cell binding. -->
-                          <e-cell [index]=1 [rowSpan]=2></e-cell>
-                          <!-- Merging the 2nd row's 3rd and 4th cells through cell binding. -->
-                          <e-cell [colSpan]=2></e-cell>
-                          <!-- Merging the 2nd row's 7th, 8th and 9th cells through cell binding. -->
-                          <e-cell [index]=6 [colSpan]=3></e-cell>
-                          <!-- Merging the 2nd and 3rd rows 11th, 12th and 13th cells through cell binding. -->
-                          <e-cell [index]=10 [rowSpan]=2 [colSpan]=3></e-cell>
-                          <e-cell [index]=13 [colSpan]=2></e-cell>
-                          <e-cell [index]=17 [colSpan]=2></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [height]=35>
-                        <e-cells>
-                          <e-cell [index]=3 [colSpan]=3></e-cell>
-                          <e-cell [index]=6 [colSpan]=4></e-cell>
-                          <e-cell [index]=13 [colSpan]=3></e-cell>
-                          <e-cell [index]=17 [colSpan]=2></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [height]=35>
-                        <e-cells>
-                          <e-cell [index]=2 [colSpan]=3></e-cell>
-                          <e-cell [index]=5 [colSpan]=2></e-cell>
-                          <e-cell [index]=7 [colSpan]=3></e-cell>
-                          <e-cell [index]=15 [colSpan]=2></e-cell>
-                          <e-cell [index]=17 [colSpan]=2></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [height]=35>
-                        <e-cells>
-                          <e-cell [index]=2 [colSpan]=3></e-cell>
-                          <e-cell [index]=6 [colSpan]=4></e-cell>
-                          <e-cell [index]=16 [colSpan]=2></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row [height]=35>
-                        <e-cells>
-                          <e-cell [index]=2 [colSpan]=4></e-cell>
-                          <e-cell [index]=7 [colSpan]=3></e-cell>
-                          <e-cell [index]=15 [colSpan]=2></e-cell>
-                          <e-cell [index]=17 [colSpan]=2></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:S1');
-        this.spreadsheetObj!.numberFormat('h:mm AM/PM', 'C1:S1');
-        this.spreadsheetObj!.cellFormat({ verticalAlign: 'middle' }, 'A1:S11');
-          // Merging the `K4:M4` cells using method
-        this.spreadsheetObj!.merge('K4:M4');
-        // Merging the 5th and 6th row cells across 11th, 12th and 13th column
-        this.spreadsheetObj!.merge('K5:M6', 'Vertically');
-        // Merging the 18th and 19th column cells across 2nd, 3rd and 4th row
-        this.spreadsheetObj!.merge('N4:O6', 'Horizontally');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.component.ts
deleted file mode 100644
index b81eaf16c..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-
-
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true" >
-  <e-sheets>
-      <e-sheet name="Price Details">
-          <e-ranges>
-              <e-range [dataSource]="data"></e-range>
-          </e-ranges>
-          <e-columns>
-              <e-column [width]=140></e-column>
-              <e-column [width]=110></e-column>
-              <e-column [width]=110></e-column>
-              <e-column [width]=80></e-column>
-          </e-columns>
-      </e-sheet>
-  </e-sheets>
-</ejs-spreadsheet>`,
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  public spreadsheetObj: SpreadsheetComponent | undefined;
-  public data: object[] = dataSource;
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-  created() {
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1');
-  };
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.component.ts
deleted file mode 100644
index 490ccdb37..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-
-
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true" [enableNotes]="false">
-  <e-sheets>
-      <e-sheet name="Price Details">
-          <e-ranges>
-              <e-range [dataSource]="data"></e-range>
-          </e-ranges>
-          <e-columns>
-          <e-column [width]=140></e-column>
-              <e-column [width]=110></e-column>
-              <e-column [width]=110></e-column>
-              <e-column [width]=80></e-column>
-          </e-columns>
-      </e-sheet>
-  </e-sheets>
-</ejs-spreadsheet>`,
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  public spreadsheetObj: SpreadsheetComponent | undefined;
-  public data: object[] = dataSource;
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-  created() {
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1');
-  };
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.component.ts
deleted file mode 100644
index fefbacdd9..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.component.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-    imports: [SpreadsheetAllModule],
-
-    standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true">
-  <e-sheets>
-      <e-sheet name="Price Details">
-          <e-ranges>
-              <e-range [dataSource]="data"></e-range>
-          </e-ranges>
-          <e-rows>
-          <e-row [index]=2>
-            <e-cells>
-              <e-cell [index]=0 [notes]="{ text: 'These shoes have the highest sales in terms of quantity this month.', isVisible: true }"></e-cell>
-            </e-cells>
-          </e-row>
-        </e-rows>
-          <e-columns>
-          <e-column [width]=140></e-column>
-              <e-column [width]=110></e-column>
-              <e-column [width]=110></e-column>
-              <e-column [width]=80></e-column>
-          </e-columns>
-      </e-sheet>
-  </e-sheets>
-</ejs-spreadsheet>`,
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    public spreadsheetObj: SpreadsheetComponent | undefined;
-    public data: object[] = dataSource;
-    public openUrl =
-        'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-    public saveUrl =
-        'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1');
-        this.spreadsheetObj!.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10');
-    }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.component.ts
deleted file mode 100644
index 31ecf7e0a..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NgModule, ViewChild } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component } from '@angular/core';
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<div class="control-section">
-  <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' (created)="created()">
-    </ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-  constructor() {
-
-  }
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-
-  // Specifies the base64 string.
-  public base64String: string | ArrayBuffer = "data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,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";
-
-  created() {
-    // To obtain blob data from base64 string.
-    fetch(this.base64String as string)
-    .then((response) => response.blob())
-    .then((fileBlob) => {
-      // To convert obtained blob data as a file.
-        let file: File = new File([fileBlob], 'Sample.xlsx');
-        this.spreadsheetObj.open({ file: file });
-    });
-  }
-
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/main.ts
index 0ebd99dca..5eacaf37f 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js'
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.component.ts
deleted file mode 100644
index b2a916868..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.component.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { NgModule, ViewChild } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { BeforeOpenEventArgs, SerializationOptions, SpreadsheetComponent, SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
-import { UploaderModule } from '@syncfusion/ej2-angular-inputs';
-import { Component } from '@angular/core';
-
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule, UploaderModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<div class="control-section">
-  <div id="Openfromjson">
-        <label id="Heading">Open From Json Options:</label> <br>
-        <input type="checkbox" id="valueOnly" (change)="toggleCheckboxes()"><label for="valueOnly">Only Values</label>
-        <input type="checkbox" id="style"><label for="style">Ignore Style</label>
-        <input type="checkbox" id="formula"><label for="formula">Ignore Formula</label>
-        <input type="checkbox" id="format"><label for="format">Ignore Format</label>
-        <input type="checkbox" id="cf"><label for="cf">Ignore CF</label>
-        <input type="checkbox" id="dv"><label for="dv">Ignore Validation</label>
-        <input type="checkbox" id="freeze"><label for="freeze">Ignore Freezepane</label>
-        <input type="checkbox" id="wrap"><label for="wrap">Ignore Wrap</label>
-        <input type="checkbox" id="chart"><label for="chart">Ignore Chart</label>
-        <input type="checkbox" id="image"><label for="image">Ignore Image</label>
-        <input type="checkbox" id="note"><label for="note">Ignore Note</label>
-        <ejs-uploader #defaultupload [asyncSettings]='path' (success)='onUploadSuccess($event)' [allowedExtensions]='allowedExtensions' [buttons]='buttons' [showFileList]='false'></ejs-uploader>
-    </div>
-    <ejs-spreadsheet #spreadsheet (beforeOpen)="beforeOpen($event)">
-    </ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-  constructor() {
-      
-  }
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-  public path: Object = {
-      saveUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Save',
-      removeUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Remove'
-  };
-  public allowedExtensions: string = '.xlsx, .xls, .csv';
-  public buttons: Object = { browse: 'Choose file' };
-  onUploadSuccess(args: { operation: string, file: { rawFile: File } }) {
-      if (args.operation == 'upload')
-          this.spreadsheetObj.open({ file: args.file.rawFile });
-  }
-  createOptions() {
-      const options: SerializationOptions = {};
-      options.ignoreStyle = (document.getElementById('style') as HTMLInputElement).checked;
-      options.ignoreFormula = (document.getElementById('formula') as HTMLInputElement).checked;
-      options.ignoreFormat = (document.getElementById('format') as HTMLInputElement).checked;
-      options.ignoreConditionalFormat = (document.getElementById('cf') as HTMLInputElement).checked;
-      options.ignoreValidation = (document.getElementById('dv') as HTMLInputElement).checked;
-      options.ignoreFreezePane = (document.getElementById('freeze') as HTMLInputElement).checked;
-      options.ignoreWrap = (document.getElementById('wrap') as HTMLInputElement).checked;
-      options.ignoreChart = (document.getElementById('chart') as HTMLInputElement).checked;
-      options.ignoreImage = (document.getElementById('image') as HTMLInputElement).checked;
-      options.ignoreNote = (document.getElementById('note') as HTMLInputElement).checked;
-      return options;
-  }
-  toggleCheckboxes() {
-      let valueOnlyCheckbox: HTMLInputElement = document.getElementById('valueOnly') as HTMLInputElement;
-      let checkboxes: NodeListOf<Element> = document.querySelectorAll('#Openfromjson input[type="checkbox"]:not(#valueOnly)');
-      checkboxes.forEach(checkbox => {
-          (checkbox as HTMLInputElement).disabled = valueOnlyCheckbox.checked;
-          if (valueOnlyCheckbox.checked) {
-              (checkbox as HTMLInputElement).checked = false;
-          }
-      });
-  }
-  beforeOpen(args: BeforeOpenEventArgs) {
-      args.cancel = true;
-      let valueOnlyCheckbox: boolean = (document.getElementById("valueOnly") as HTMLInputElement).checked;
-      let options: SerializationOptions = valueOnlyCheckbox ? { onlyValues: true } : this.createOptions();
-      fetch(
-          'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
-          args.requestData
-      ).then((response) => {
-          response.json().then((data) => {
-              this.spreadsheetObj.openFromJson({ file: data }, options)
-          });
-      });
-  }
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/main.ts
index 0ebd99dca..5eacaf37f 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js'
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.component.ts
deleted file mode 100644
index ba02ed96a..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.component.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component } from '@angular/core';
-import { SpreadsheetComponent, BeforeSaveEventArgs, BeforeOpenEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet (beforeOpen)='beforeOpen($event)' openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true'> </ejs-spreadsheet>"
-})
-export class AppComponent {
-     beforeOpen (args: BeforeOpenEventArgs) {
-        // your code snippets here
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.component.ts
deleted file mode 100644
index e55eda0a5..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.component.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { MenuSelectEventArgs, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { createElement } from '@syncfusion/ej2-base';
-import { MenuEventArgs } from '@syncfusion/ej2-navigations';
-import { WorkbookModel } from '@syncfusion/ej2-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        UploaderModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-  selector: 'app-container',
-  template:
-    "<ejs-spreadsheet #spreadsheet (fileMenuItemSelect)='onFileItemSelect($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>",
-})
-export class AppComponent implements OnInit {
-  public data: object[] | undefined;
-  @ViewChild('spreadsheet') public spreadsheetObj!: SpreadsheetComponent;
-  ngOnInit(): void {
-    this.data = data;
-  }
-  onFileItemSelect(args: MenuSelectEventArgs) {
-    if (args.item.text === 'Microsoft Excel') {
-      args.cancel = true;
-      this.spreadsheetObj
-        .saveAsJson()
-        .then((response: any) => {
-          let formData: FormData = new FormData();
-          formData.append(
-            'JSONData',
-            JSON.stringify(response.jsonObject.Workbook)
-          );
-          formData.append('fileName', 'Sample');
-          formData.append('saveType', 'Xlsx');
-          formData.append(
-            'PdfLayoutSettings',
-            JSON.stringify({ FitSheetOnOnePage: false })
-          );
-          fetch(
-            'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-            {
-              method: 'POST',
-              headers: { Authorization: 'YOUR TEXT' },
-              body: formData,
-            }
-          ).then((response) => {
-            response.blob().then((data) => {
-              let anchor: HTMLElement = createElement('a', {
-                attrs: { download: 'Sample.xlsx' },
-              });
-              let url = URL.createObjectURL(data);
-              (anchor as HTMLAnchorElement).href = url;
-              document.body.appendChild(anchor);
-              anchor.click();
-              URL.revokeObjectURL(url);
-              document.body.removeChild(anchor);
-            });
-          });
-        });
-    }
-  }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.component.ts
deleted file mode 100644
index c1a3ac784..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.component.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { MenuSelectEventArgs, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { createElement } from '@syncfusion/ej2-base';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (fileMenuItemSelect)='onFileItemSelect($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data: object[] | undefined;
-  @ViewChild('spreadsheet') public spreadsheetObj!: SpreadsheetComponent;
-  ngOnInit(): void {
-    this.data = data;
-  }
-  onFileItemSelect(args: MenuSelectEventArgs) {
-    if (args.item.text === 'Microsoft Excel') {
-      args.cancel = true;
-      this.spreadsheetObj
-        .saveAsJson()
-        .then((response: any) => {
-          let formData: FormData = new FormData();
-          formData.append(
-            'JSONData',
-            JSON.stringify(response.jsonObject.Workbook)
-          );
-          formData.append('fileName', 'Sample');
-          formData.append('saveType', 'Xlsx');
-          formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' })),
-          fetch(
-            'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-            {
-              method: 'POST',
-              headers: { Authorization: 'YOUR TEXT' },
-              body: formData,
-            }
-          ).then((response) => {
-            response.blob().then((data) => {
-              let anchor: HTMLElement = createElement('a', {
-                attrs: { download: 'Sample.xlsx' },
-              });
-              let url = URL.createObjectURL(data);
-              (anchor as HTMLAnchorElement).href = url;
-              document.body.appendChild(anchor);
-              anchor.click();
-              URL.revokeObjectURL(url);
-              document.body.removeChild(anchor);
-            });
-          });
-        });
-    }
-  }
- }
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.component.ts
deleted file mode 100644
index 3820de1bc..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.component.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import {
-  SheetModel,
-  ProtectSettingsModel,
-  getRangeAddress,
-} from '@syncfusion/ej2-spreadsheet';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true' (openComplete)='openComplete($event)'> </ejs-spreadsheet>"
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    public spreadsheetObj!: SpreadsheetComponent;
-
-    openComplete(args: Object) {
-        let sheets: SheetModel[] = this.spreadsheetObj.sheets;
-        for (let index: number = 0; index < sheets.length; index++) {
-            let name: string = this.spreadsheetObj.sheets[index].name!;
-            let protectSetting: ProtectSettingsModel = {
-                selectCells: true,
-                formatCells: false,
-            };
-
-            //To protect the sheet using sheet name
-            this.spreadsheetObj.protectSheet(name, protectSetting);
-            let address: string = getRangeAddress([
-                0,
-                0,
-                sheets[index].usedRange?.rowIndex!,
-                sheets[index].usedRange?.colIndex!
-            ]);
-            //To lock the used range cells
-            this.spreadsheetObj.lockCells(name + '!' + address, true);
-        }
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.component.ts
deleted file mode 100644
index b3877c28f..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (created)='created()' openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true'> </ejs-spreadsheet>"
-})
-export class AppComponent {
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-     created () {
-        fetch("https://cdn.syncfusion.com/scripts/spreadsheet/Sample.xlsx") // fetch the remote url
-          .then((response) => {
-            response.blob().then((fileBlob) => { // convert the excel file to blob
-            let file = new File([fileBlob], "Sample.xlsx"); //convert the blob into file
-            this.spreadsheetObj!.open({ file: file }); // open the file into Spreadsheet
-            })
-          })
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.component.ts
deleted file mode 100644
index 34f088667..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.component.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component } from '@angular/core';
-import { SpreadsheetComponent, BeforeSaveEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet (beforeSave)='beforeSave($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> </ejs-spreadsheet>"
-})
-export class AppComponent {
-     beforeSave (args: BeforeSaveEventArgs) {
-        // your code snippets here
-    }
- }
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.component.ts
deleted file mode 100644
index 4f4a60c56..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.component.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit } from '@angular/core';
-import { SpreadsheetComponent, BeforeSaveEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (beforeSave)='beforeSave($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    ngOnInit(): void {
-        this.data = data;
-    }
-    beforeSave (args: BeforeSaveEventArgs) {
-        args.customParams = { customParams: 'you can pass custom params in server side'}; // you can pass the custom params
-    }
- }
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.component.ts
deleted file mode 100644
index 7d08661a5..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.component.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<button ejs-dropdownbutton [items]='items' content='Save' (select)='itemSelect($event)'></button> <ejs-spreadsheet #spreadsheet > <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.data = data;
-    }
-    public items: ItemModel[] = [
-        {
-            text: "Save As xlsx"
-        },
-        {
-            text: "Save As xls"
-        },
-        {
-            text: "Save As csv"
-        },
-        {
-            text: "Save As pdf"
-        }];
-
-    public itemSelect(args: MenuEventArgs) {
-    if (args.item.text === 'Save As xlsx')
-      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xlsx"});
-    if (args.item.text === 'Save As xls')
-      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xls"});
-    if (args.item.text === 'Save As csv')
-      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',fileName: "Sample", saveType: "Csv"});
-    if (args.item.text === 'Save As pdf')
-      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',fileName: "Sample", saveType: "Pdf"});
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.component.ts
deleted file mode 100644
index 2e4dbdf9d..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.component.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit } from '@angular/core';
-import { SpreadsheetComponent, BeforeSaveEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-import { data } from './datasource';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (beforeSave)='beforeSave($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-    public data?: object[];
-    ngOnInit(): void {
-        this.data = data;
-    }
-    beforeSave (args: BeforeSaveEventArgs) {
-        args.pdfLayoutSettings!.orientation = 'Landscape'; // You can change the orientation of the PDF document
-    }
- }
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.component.ts
deleted file mode 100644
index 3eff9e4a9..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.component.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-  imports: [
-
-    DropDownButtonModule,
-    UploaderModule,
-    SpreadsheetAllModule
-  ],
-
-
-  standalone: true,
-  selector: 'app-container',
-  template:
-    `<div class='control-section'><ejs-uploader #defaultupload id='defaultfileupload' [asyncSettings]='path' (success)='onUploadSuccess($event)' [allowedExtensions]='allowedExtensions'></ejs-uploader><ejs-spreadsheet #default [openUrl]='openUrl' [saveUrl]='saveUrl'></ejs-spreadsheet></div>`
-})
-export class AppComponent {
-  @ViewChild('default')
-  public spreadsheetObj!: SpreadsheetComponent;
-  public openUrl: string =
-    'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl: string =
-    'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-  public path: Object = {
-    saveUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Save',
-    removeUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Remove'
-  };
-  public allowedExtensions: string = '.xlsx, .xls, .csv';
-
-  onUploadSuccess(args: any) {
-    if (args.operation == 'upload')
-      this.spreadsheetObj.open({ file: args.file.rawFile });
-  }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.component.ts
deleted file mode 100644
index d2701b87f..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.component.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, BeforeOpenEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        UploaderModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-  selector: 'app-container',
-  template:
-    "<ejs-spreadsheet #spreadsheet openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true' (beforeOpen)='beforeOpen($event)'> </ejs-spreadsheet>",
-})
-
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-  beforeOpen(args: BeforeOpenEventArgs) {
-    args.requestData = {
-      ...args.requestData,
-      headers: { Authorization: 'YOUR TEXT' },
-    };
-  }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.component.ts
deleted file mode 100644
index f733a464b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import {
-  SheetModel,
-  ProtectSettingsModel,
-  getRangeAddress,
-} from '@syncfusion/ej2-spreadsheet';
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        UploaderModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-  selector: 'app-container',
-  template:
-    "<ejs-spreadsheet #spreadsheet openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true' (openComplete)='openComplete($event)'> </ejs-spreadsheet>",
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-
-  openComplete(args: Object) {
-    let sheets: SheetModel[] = this.spreadsheetObj.sheets;
-    for (let index: number = 0; index < sheets.length; index++) {
-      let name: string = this.spreadsheetObj.sheets[index].name!;
-      let protectSetting: ProtectSettingsModel = {
-        selectCells: true,
-        formatCells: false,
-      };
-
-      //To protect the sheet using sheet name
-      this.spreadsheetObj.protectSheet(name, protectSetting);
-      let address: string = getRangeAddress([
-        0,
-        0,
-        sheets[index].usedRange?.rowIndex!,
-        sheets[index].usedRange?.colIndex!
-      ]);
-      //To lock the used range cells
-      this.spreadsheetObj.lockCells(name + '!' + address, true);
-    }
-  }
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.component.ts
deleted file mode 100644
index bb85df9b5..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { tradeData } from './datasource';
-import { SpreadsheetComponent, SortDescriptor } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()' (sortComplete)='sortComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    public tradeData?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.tradeData = tradeData;
-    }
-    dataBound(){
-        let sortDescriptors: SortDescriptor[] = [
-            {
-                field: 'F',
-                order: 'Ascending'
-            },
-            {
-                field: 'E',
-                order: 'Ascending'
-            },
-            {
-                field: 'C',
-                order: 'Descending'
-            }];
-            if (this.spreadsheetObj!.activeSheetIndex === 0) {
-                this.spreadsheetObj!.sort({ sortDescriptors: sortDescriptors, containsHeader: true }, 'A1:H30');
-            }
-    };
-    sortComplete (args : any) {
-        this.spreadsheetObj!.selectRange(args.range);
-        // code here.
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.component.ts
deleted file mode 100644
index d0933fe6d..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.component.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { dataSource1, dataSource2, printElement, isPrint } from './datasource';
-import { SpreadsheetComponent, CellModel, UsedRangeModel, SheetModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
-import { getComponent, print } from '@syncfusion/ej2-base';
-
-@Component({
-imports: [
-        
-        DropDownButtonModule,
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<button ejs-dropdownbutton [items]='items' content='Print' (select)='itemSelect($event)'></button>
-    <ejs-spreadsheet #spreadsheet id="spreadsheet" (created)="created()" (dataBound)="dataBound()">
-                <e-sheets>
-                  <e-sheet name="Budget">
-                    <e-ranges>
-                      <e-range [dataSource]="budgetData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <e-sheet name="Salary">
-                    <e-ranges>
-                      <e-range [dataSource]="salaryData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent implements OnInit {
-  ngOnInit(): void {
-    throw new Error('Method not implemented.');
-  }
-
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-
-    budgetData: object[] = dataSource1;
-
-    salaryData: object[] = dataSource2;
-    public items: ItemModel[] = [
-    {
-      text: "Print"
-    },
-    {
-      text: "Print All"
-    }];
-    public itemSelect(args: MenuEventArgs) {
-      let spreadsheet = getComponent((document as any).getElementById("spreadsheet"), "spreadsheet");
-      if (args.item.text === 'Print') {
-      printElement.querySelector(".e-sheet-content")!.innerHTML = document.querySelector(
-        ".e-sheet-content"
-      )!.outerHTML; //  To add the spreadsheet table
-      let usedRange: UsedRangeModel = (spreadsheet as any).getActiveSheet().usedRange;
-      let tbody: Element = printElement.querySelector('tbody') as Element;
-      for (let i: number = tbody.getElementsByClassName('e-row').length; i >= 0; i--) {
-        if (tbody.getElementsByClassName('e-row')[i] && parseInt((tbody as any).getElementsByClassName('e-row')[i].getAttribute('aria-rowindex')) > usedRange.rowIndex! + 1) {
-          tbody.getElementsByClassName('e-row')[i].remove();
-        }
-      }
-      (printElement.querySelector('.e-sheet-content')!.children[0].getElementsByClassName('e-virtualtrack')[0] as HTMLElement).style.height = 'auto';
-      print(printElement);
-      printElement.querySelector(".e-sheet-content")!.innerHTML = '';
-    }
-    if (args.item.text === 'Print All') {
-      let sheets: SheetModel[] = (spreadsheet as any).sheets;
-      if ((spreadsheet as any).activeSheetIndex === 0) {
-        printElement.querySelector(".e-sheet-content")!.innerHTML = document.querySelector(
-          ".e-sheet-content"
-        )!.outerHTML; //  To add the spreadsheet table
-
-        let usedRange: UsedRangeModel = (spreadsheet as any).getActiveSheet().usedRange;
-        let tbody: Element = printElement.querySelector('tbody') as Element;
-        for (let i: number = tbody.getElementsByClassName('e-row').length; i >= 0; i--) {
-          if (tbody.getElementsByClassName('e-row')[i] && parseInt((tbody.getElementsByClassName('e-row')[i] as any).getAttribute('aria-rowindex')) > usedRange.rowIndex! + 1) {
-            tbody.getElementsByClassName('e-row')[i].remove();
-          }
-        }
-
-        if (sheets[(spreadsheet as any).activeSheetIndex + 1]) {
-          (spreadsheet as any).goTo(sheets[(spreadsheet as any).activeSheetIndex + 1].name + "!A1");
-
-        } else {
-          print(printElement);
-          printElement.querySelector(".e-sheet-content")!.innerHTML = '';
-        }
-      } else {
-        if (sheets[0]) {
-          (spreadsheet as any).goTo(sheets[0].name + "!A1");
-
-        }
-      }
-    }
-    }
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold'}, 'A11:D11');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold'}, 'Salary!A11:D11');
-    }
-  dataBound() {
-    if (isPrint) {
-      let spreadsheet = getComponent(document.getElementById("spreadsheet") as any, "spreadsheet");
-      printElement.querySelector(
-        '.e-sheet-content'
-      )!.innerHTML += document.querySelector('.e-sheet-content')!.outerHTML;
-      let usedRange: UsedRangeModel = (spreadsheet as any).getActiveSheet()
-        .usedRange;
-      let tbody: Element = printElement
-        .querySelector('.e-sheet-content')!
-        .children[(spreadsheet as any).activeSheetIndex].querySelector('tbody') as Element;
-      for (
-        let i: number = tbody.getElementsByClassName('e-row').length;
-        i >= 0;
-        i--
-      ) {
-        if (
-          tbody.getElementsByClassName('e-row')[i] &&
-          parseInt(
-            tbody
-              .getElementsByClassName('e-row')
-              [i].getAttribute('aria-rowindex') as any
-          ) >
-            usedRange.rowIndex! + 1
-        ) {
-          tbody.getElementsByClassName('e-row')[i].remove();
-        }
-      }
-      let sheets: SheetModel[] = (spreadsheet as any).sheets;
-      if (sheets.length - 1 === (spreadsheet as any).activeSheetIndex) {
-        let count: number = printElement.querySelector('.e-sheet-content')!
-          .childElementCount;
-        if (count > 1) {
-          for (let i: number = 0; i < count; i++) {
-            (printElement
-              .querySelector('.e-sheet-content')!
-              .children[i].getElementsByClassName(
-                'e-virtualtrack'
-              )[0] as HTMLElement).style.height = 'auto';
-            printElement
-              .querySelector('.e-sheet-content')!
-              .children[i].setAttribute('style', 'page-break-after: always;');
-          }
-        }
-        print(printElement);
-
-        printElement.querySelector('.e-sheet-content')!.innerHTML = '';
-      } else {
-        if (sheets[(spreadsheet as any).activeSheetIndex + 1]) {
-          (spreadsheet as any).goTo(
-            sheets[(spreadsheet as any).activeSheetIndex + 1].name + '!A1'
-          );
-        }
-      }
-    }
-  }
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.component.ts
deleted file mode 100644
index 1d5caa9c8..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.component.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, SpreadsheetAllModule, PrintType } from '@syncfusion/ej2-angular-spreadsheet';
-import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
-import { dataSource1, dataSource2 } from './datasource';
-
-
-@Component({
-  imports: [
-    DropDownButtonModule,
-    SpreadsheetAllModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<div> <div id="print"> <button ejs-dropdownbutton [items]='items' content='Print' (select)='itemSelect($event)'></button>
-  <input type="checkbox" id="gridline"><label for="gridline">Allow Grid Lines</label>
-  <input type="checkbox" id="header"><label for="header">Allow Row Column Header</label>
-</div>
-<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true">
-      <e-sheets>
-        <e-sheet name="Budget">
-          <e-ranges>
-            <e-range [dataSource]="budgetData"></e-range>
-          </e-ranges>
-          <e-columns>
-            <e-column [width]=100></e-column>
-            <e-column [width]=100></e-column>
-            <e-column [width]=100></e-column>
-            <e-column [width]=100></e-column>
-          </e-columns>
-        </e-sheet>
-        <e-sheet name="Salary">
-          <e-ranges>
-            <e-range [dataSource]="salaryData"></e-range>
-          </e-ranges>
-          <e-columns>
-            <e-column [width]=100></e-column>
-            <e-column [width]=100></e-column>
-            <e-column [width]=100></e-column>
-            <e-column [width]=100></e-column>
-            </e-columns>
-        </e-sheet>
-      </e-sheets>
-    </ejs-spreadsheet></div>`
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  spreadsheetObj: SpreadsheetComponent | undefined;
-  public budgetData: object[] = dataSource1;
-  public salaryData: object[] = dataSource2;
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-  public items: ItemModel[] = [{ text: 'ActiveSheet' }, { text: 'Workbook' }];
-  created() {
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
-  }
-  public itemSelect(args: MenuEventArgs) {
-    if (this.spreadsheetObj) {
-      const allowGridLines: HTMLInputElement = document.getElementById('gridline') as HTMLInputElement;
-      const allowRowColumnHeader: HTMLInputElement = document.getElementById('header') as HTMLInputElement;
-      this.spreadsheetObj!.print({
-        type: args.item.text as PrintType,
-        allowGridLines: allowGridLines.checked,
-        allowRowColumnHeader: allowRowColumnHeader.checked
-      });
-    }
-  }
-}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.component.ts
deleted file mode 100644
index b26907e60..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.component.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource1, dataSource2 } from './datasource';
-
-
-@Component({
-    imports: [
-
-        SpreadsheetAllModule
-    ],
-
-
-    standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true" [allowPrint]="false">
-                <e-sheets>
-                  <e-sheet name="Budget">
-                    <e-ranges>
-                      <e-range [dataSource]="budgetData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <e-sheet name="Salary">
-                    <e-ranges>
-                      <e-range [dataSource]="salaryData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-    public budgetData: object[] = dataSource1;
-    public salaryData: object[] = dataSource2;
-    public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-    public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.component.ts
deleted file mode 100644
index 309d03510..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.component.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1, dataSource2 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-
-
-  standalone: true,
-  selector: 'app-container',
-  template: `<ejs-spreadsheet #spreadsheet (created)="created()">
-                <e-sheets>
-                  <e-sheet name="Budget" [isProtected]="true" [protectSettings]="{ selectCells: true }">
-                    <e-ranges>
-                      <e-range [dataSource]="budgetData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <e-sheet name="Salary">
-                    <e-ranges>
-                      <e-range [dataSource]="salaryData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-  @ViewChild('spreadsheet')
-  spreadsheetObj: SpreadsheetComponent | undefined;
-
-  budgetData: object[] = dataSource1;
-
-  salaryData: object[] = dataSource2;
-
-  created() {
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
-    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
-    this.spreadsheetObj!.protectSheet(1, { selectCells: true }, "syncfusion"); // protect sheet with password
-  }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.component.ts
deleted file mode 100644
index c54000581..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.component.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { NgModule, ViewChild } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule, SpreadsheetComponent, created } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component } from '@angular/core';
-import { getDefaultData } from './datasource';
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<div class="control-section">
-  <button className="e-btn custom-btn" (click)="readOnlyRow()">Make Row 2 readOnly</button>
-  <button className="e-btn custom-btn" (click)="readOnlyCell()">Make E5 cell readOnly</button>
-  <button className="e-btn custom-btn" (click)="removeReadOnly()">Remove readOnly</button>
-  <button className="e-btn custom-btn" (click)="readOnlyCol()">Make Column A readOnly</button>
-  <ejs-spreadsheet #spreadsheet [openUrl]="openUrl" [saveUrl]="saveUrl">
-    <e-sheets>
-      <e-sheet name="Car Sales Report">
-        <e-ranges>
-          <e-range [dataSource]="data"></e-range>
-        </e-ranges>
-        <e-rows>
-          <e-row [index]="3" [isReadOnly]="true"></e-row>
-          <e-row [index]="4">
-            <e-cells>
-              <e-cell [index]="5" [isReadOnly]="true"></e-cell>
-            </e-cells>
-          </e-row>
-        </e-rows>
-        <e-columns>
-          <e-column [width]="180"></e-column>
-          <e-column [width]="130"></e-column>
-          <e-column [isReadOnly]="true" [width]="130"></e-column>
-          <e-column [width]="180"></e-column>
-          <e-column [width]="130"></e-column>
-          <e-column [width]="120"></e-column>
-        </e-columns>
-      </e-sheet>
-    </e-sheets>
-  </ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-  constructor() {
-
-  }
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-  public data: Object[] = getDefaultData();
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-
-  readOnlyRow(): void {
-    this.spreadsheetObj.setRangeReadOnly(true, '2:2', this.spreadsheetObj.activeSheetIndex);
-  }
-  readOnlyCol(): void {
-    this.spreadsheetObj.setRangeReadOnly(true, 'A:A', this.spreadsheetObj.activeSheetIndex);
-  }
-  readOnlyCell(): void {
-    this.spreadsheetObj.setRangeReadOnly(true, 'E5:E5', this.spreadsheetObj.activeSheetIndex);
-  }
-  removeReadOnly(): void {
-    this.spreadsheetObj.setRangeReadOnly(false, '2:2', this.spreadsheetObj.activeSheetIndex);
-    this.spreadsheetObj.setRangeReadOnly(false, 'A:A', this.spreadsheetObj.activeSheetIndex);
-    this.spreadsheetObj.setRangeReadOnly(false, 'E5:E5', this.spreadsheetObj.activeSheetIndex);
-  }
-
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/main.ts
index 0ebd99dca..5eacaf37f 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js'
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.component.ts
deleted file mode 100644
index 52e4c909a..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { DataManager, Query } from '@syncfusion/ej2-data';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet><e-sheets><e-sheet name='Shipment Details'> <e-ranges> <e-range [showFieldAsHeader]='false' startCell='A2' [dataSource]='data' [query]='query'>  </e-range> </e-ranges><e-rows><e-row><e-cells><e-cell value='Order ID'></e-cell> <e-cell value='Customer Name'></e-cell> <e-cell value='Freight'></e-cell>  <e-cell value='Ship Name'></e-cell><e-cell value='Ship City'></e-cell> <e-cell value='Ship Country'></e-cell></e-cells> </e-row></e-rows><e-columns><e-column [width]=100></e-column>  <e-column [width]=130></e-column> <e-column [width]=100></e-column>  <e-column [width]=220></e-column>  <e-column [width]=150></e-column> <e-column [width]=180></e-column>  </e-columns> </e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    public query: Query = new Query().select(['OrderID', 'CustomerID', 'ShipName', 'ShipCity', 'ShipCountry', 'Freight']).take(200);
-    public data: DataManager = new DataManager({
-        url: 'https://services.syncfusion.com/js/production/api/Orders',
-        crossDomain: true
-    });
-    ngOnInit(): void {
-        this.data = this.data;
-    }
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.component.ts
deleted file mode 100644
index 029b8788b..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.component.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
-import { SpreadsheetComponent, CellModel, UsedRangeModel, SheetModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { getComponent, print } from '@syncfusion/ej2-base';
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=280></e-column><e-column [width]=180></e-column><e-column [width]=80></e-column><e-column [width]=180></e-column><e-column [width]=180></e-column></e-columns> </e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    @ViewChild('spreadsheet')
-    public spreadsheetObj: SpreadsheetComponent | undefined;
-    public data?: DataManager;
-
-    ngOnInit(): void {
-        this.data = new DataManager({
-            url: 'https://services.syncfusion.com/angular/production/api/Orders',
-            adaptor: new ODataAdaptor(),
-            crossDomain: true
-        });
-    }
-
-    created(){
-         //Applies cell and number formatting to specified range of the active sheet
-         this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' },
-            'A1:K1');
-    };
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.component.ts
deleted file mode 100644
index aef4c50e6..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.component.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { DataManager, WebApiAdaptor } from '@syncfusion/ej2-data';
-import { getComponent, print } from '@syncfusion/ej2-base';
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=280></e-column><e-column [width]=180></e-column><e-column [width]=80></e-column><e-column [width]=180></e-column><e-column [width]=180></e-column></e-columns> </e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    @ViewChild('spreadsheet')
-    public spreadsheetObj: SpreadsheetComponent | undefined;
-    public data?: DataManager;
-
-    ngOnInit(): void {
-        this.data = new DataManager({
-            url: 'https://services.syncfusion.com/angular/production/api/Orders',
-            adaptor: new WebApiAdaptor(),
-            crossDomain: true
-        });
-    }
-
-    created(){
-         //Applies cell and number formatting to specified range of the active sheet
-         this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' },
-            'A1:K1');
-    };
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.component.ts
deleted file mode 100644
index 2ac491e53..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.component.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, MenuSelectEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
-import { DropDownButton, ItemModel, MenuEventArgs } from "@syncfusion/ej2-splitbuttons";
-import { select, createElement } from '@syncfusion/ej2-base';
-import { ClickEventArgs } from '@syncfusion/ej2-navigations';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (fileMenuBeforeOpen)="fileMenuBeforeOpen()"
-                (fileMenuItemSelect)="fileMenuItemSelect($event)" [openUrl]="openUrl" [saveUrl]="saveUrl" [showFormulaBar]="false" [showSheetTabs]="false" [allowInsert]="false" [allowDelete]="false" [allowMerge]="false">
-                <e-sheets>
-                  <e-sheet>
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=180></e-column>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=180></e-column>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=120></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-    openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-    saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:F1');
-        // Hiding the `Insert` from ribbon.
-        this.spreadsheetObj!.hideRibbonTabs(['Insert']);
-        // Set disabled state to `View` ribbon tab.
-        this.spreadsheetObj!.enableRibbonTabs(['View'], false);
-        /// Adding the `Help` ribbon tab at the last index.
-        // Specify the ribbon tab header text in last optional argument(`insertBefore`) for inserting new tab before any existing tab.
-        this.spreadsheetObj!.addRibbonTabs([{ header: { text: 'Help' }, content: [{ text: 'Feedback', tooltipText: 'Feedback',
-            click: (args: ClickEventArgs): void => { /* Any click action for this toolbar item will come here. */ } }] }]);
-        // Hiding the unwanted toobar items from `Home` by specifying its index.
-        this.spreadsheetObj!.hideToolbarItems('Home', [0, 1, 2, 4, 14, 15, 21, 24]);
-        // Set diable state to `Underline`, 'Wrap text` toobar items from `Home` by specifying the item id.
-        this.spreadsheetObj!.enableToolbarItems(
-            'Home', [`${this.spreadsheetObj!.element.id}_underline`, `${this.spreadsheetObj!.element.id}_wrap`], false);
-        // Set disable state to `Protect Sheet` toolbar item from `Data` by mentioning its index.
-        this.spreadsheetObj!.enableToolbarItems('Data', [0], false);
-        // Adding the new `Custom Formulas` toolbar item under `Formulas` tab for adding custom formulas.
-        this.spreadsheetObj!.addToolbarItems(
-            'Formulas', [{ type: 'Separator' }, {
-                text: 'Custom Formulas', tooltipText: 'Custom Formulas',
-                // You can set click handler for each new custom toolbar item
-                click: (args: ClickEventArgs): void => {
-                    // You can add custom formualas here.
-                }
-            }]);
-        // Adding new custom item `Import` after the existing `Open` item. By default, new item will add after the specified item.
-        this.spreadsheetObj!.addFileMenuItems([{ text: 'Import', iconCss: 'e-open e-icons' }], 'Open');
-        // Adding new custom item `Export As` after the existing `Save As` item.
-        // Set `insertAfter` optional argument as `false` for adding new item before the specified item.
-        this.spreadsheetObj!.addFileMenuItems(
-            [{
-                text: 'Export As', iconCss: 'e-save e-icons', items: [{ text: 'XLSX', iconCss: 'e-xlsx e-icons' },
-                    { text: 'XLS', iconCss: 'e-xls e-icons' }, { text: 'CSV', iconCss: 'e-csv e-icons' }]
-            }],
-            'Save As', false);
-        // Adding the new `custom dropdown button` in the ribbon toolbar item under the `Data` tab for adding a custom dropdown button using the addToolbarItems method in the spreadsheet ribbon.
-        this.spreadsheetObj!.addToolbarItems(
-            'Data',
-            [
-                { type: 'Separator' },
-                {
-                    id: 'custombtn',
-                    tooltipText: 'Custom Btn',
-                    template: this.appendDropdownBtn('custombtn'),
-                },
-            ],
-            7
-        );
-    }
-
-    fileMenuBeforeOpen (): void {
-        // Because the file menu items are created dynamically, you need to perform the hide or show and enable/disable operations
-        // under filemenu before open event.
-        // Hiding the `Save As` and `Open` item.
-        this.spreadsheetObj!.hideFileMenuItems(['Save As', 'Open']);
-         // Set disable state to `New` item. You can perform any file menu items customization by specifying the item id,
-        // if it has more than one same item text. Set the last argument `isUniqueId` as true for using the item id.
-        this.spreadsheetObj!.enableFileMenuItems([`${this.spreadsheetObj!.element.id}_New`], false, true);
-    }
-
-    fileMenuItemSelect (args: MenuSelectEventArgs): void {
-        // Custom file menu items select handler
-        switch (args.item.text) {
-            case 'Import': select(`#${this.spreadsheetObj!.element.id}_fileUpload`, this.spreadsheetObj!.element).click();
-                break;
-            case 'XLSX': this.spreadsheetObj!.save({ saveType: 'Xlsx' });
-                break;
-            case 'XLS': this.spreadsheetObj!.save({ saveType: 'Xls' });
-                break;
-            case 'CSV': this.spreadsheetObj!.save({ saveType: 'Csv' });
-                break;
-      }
-    }
-
-    appendDropdownBtn(id: string): HTMLElement {
-        let ddlItems: ItemModel[] = [
-          {
-            text: 'Download Excel',
-          },
-          {
-            text: 'Download CSV',
-          },
-        ];
-        let btnObj: DropDownButton = new DropDownButton({
-          items: ddlItems,
-          content: 'Download',
-          iconCss: 'e-icons e-download',
-          select: (args: MenuEventArgs): void => {
-            alert(args.item.text + ' clicked');
-          },
-        });
-        btnObj.appendTo(createElement('button', { id: id }));
-        return btnObj.element;
-      }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.component.ts
deleted file mode 100644
index 3194001f7..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { NgModule, ViewChild } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { BeforeSaveEventArgs, SaveCompleteEventArgs, SpreadsheetAllModule, SpreadsheetComponent, created } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component } from '@angular/core';
-import { getDefaultData } from './datasource';
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<div class="control-section">
-  <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' (beforeSave)="beforeSave($event)" (saveComplete)="saveComplete($event)">
-        <e-sheets>
-            <e-sheet name="Car Sales Report">
-                <e-ranges>
-                    <e-range [dataSource]="data"></e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=180></e-column>
-                    <e-column [width]=130></e-column>
-                    <e-column [width]=120></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-  constructor() {
-
-  }
-  
-  @ViewChild('spreadsheet')
-  
-  public spreadsheetObj!: SpreadsheetComponent;
-  public data: Object[] = getDefaultData();
-
-    beforeSave(args: BeforeSaveEventArgs): void {
-        args.needBlobData = true; // To trigger the saveComplete event.
-        args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
-    };
-    saveComplete(args: SaveCompleteEventArgs): void {
-        // To obtain the Blob data.
-        console.log("Spreadsheet BlobData: ", args.blobData)
-    };
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/main.ts
index 0ebd99dca..5eacaf37f 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js'
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.component.ts
deleted file mode 100644
index d68d6e69c..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.component.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { NgModule, ViewChild } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule, SpreadsheetComponent, SerializationOptions } from '@syncfusion/ej2-angular-spreadsheet'
-import { createElement } from '@syncfusion/ej2-base';
-import { Component } from '@angular/core';
-
-@Component({
-  imports: [
-
-    SpreadsheetAllModule
-  ],
-  standalone: true,
-  selector: 'app-container',
-  template: `<div class="control-section">
-  <div id="Saveasjson">
-        <label id="Heading">Save As Json Options:</label> <br>
-        <input type="checkbox" id="valueOnly" (change)="toggleCheckboxes()"><label for="valueOnly">Only Values</label>
-        <input type="checkbox" id="style"><label for="style">Ignore Style</label>
-        <input type="checkbox" id="formula"><label for="formula">Ignore Formula</label>
-        <input type="checkbox" id="format"><label for="format">Ignore Format</label>
-        <input type="checkbox" id="cf"><label for="cf">Ignore CF</label>
-        <input type="checkbox" id="dv"><label for="dv">Ignore Validation</label>
-        <input type="checkbox" id="freeze"><label for="freeze">Ignore Freezepane</label>
-        <input type="checkbox" id="wrap"><label for="wrap">Ignore Wrap</label>
-        <input type="checkbox" id="chart"><label for="chart">Ignore Chart</label>
-        <input type="checkbox" id="image"><label for="image">Ignore Image</label>
-        <input type="checkbox" id="note"><label for="note">Ignore Note</label>
-        <button class="e-btn" (click)="saveFile()">Save with JSON Serialization</button>
-    </div>
-    <ejs-spreadsheet #spreadsheet [openUrl]="openUrl" ></ejs-spreadsheet>
-</div>`
-})
-export class AppComponent {
-  constructor() {
-      
-  }
-  @ViewChild('spreadsheet')
-  public spreadsheetObj!: SpreadsheetComponent;
-  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-
-  createOptions() {
-      const options: SerializationOptions = {};
-      options.ignoreStyle = (document.getElementById('style') as HTMLInputElement).checked;
-      options.ignoreFormula = (document.getElementById('formula') as HTMLInputElement).checked;
-      options.ignoreFormat = (document.getElementById('format') as HTMLInputElement).checked;
-      options.ignoreConditionalFormat = (document.getElementById('cf') as HTMLInputElement).checked;
-      options.ignoreValidation = (document.getElementById('dv') as HTMLInputElement).checked;
-      options.ignoreFreezePane = (document.getElementById('freeze') as HTMLInputElement).checked;
-      options.ignoreWrap = (document.getElementById('wrap') as HTMLInputElement).checked;
-      options.ignoreChart = (document.getElementById('chart') as HTMLInputElement).checked;
-      options.ignoreImage = (document.getElementById('image') as HTMLInputElement).checked;
-      options.ignoreNote = (document.getElementById('note') as HTMLInputElement).checked;
-      return options;
-  }
-  toggleCheckboxes() {
-      let valueOnlyCheckbox: HTMLInputElement = document.getElementById('valueOnly') as HTMLInputElement;
-      let checkboxes: NodeListOf<Element> = document.querySelectorAll('#Saveasjson input[type="checkbox"]:not(#valueOnly)');
-      checkboxes.forEach(checkbox => {
-          (checkbox as HTMLInputElement).disabled = valueOnlyCheckbox.checked;
-          if (valueOnlyCheckbox.checked) {
-              (checkbox as HTMLInputElement).checked = false;
-          }
-      });
-  }
-  saveFile() {
-      let valueOnlyCheckbox: boolean = (document.getElementById("valueOnly") as HTMLInputElement).checked;
-      let options: SerializationOptions = valueOnlyCheckbox ? { onlyValues: true } : this.createOptions();
-      this.spreadsheetObj.saveAsJson(options).then((response: any) => {
-          let formData: FormData = new FormData();
-          formData.append(
-              'JSONData',
-              JSON.stringify(response.jsonObject.Workbook)
-          );
-          formData.append('fileName', 'Sample');
-          formData.append('saveType', 'Xlsx');
-          formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' })),
-              fetch(
-                  'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
-                  {
-                      method: 'POST',
-                      body: formData,
-                  }
-              ).then((response) => {
-                  response.blob().then((data) => {
-                      let anchor: HTMLElement | any = createElement('a', {
-                          attrs: { download: 'Sample.xlsx' },
-                      });
-                      let url: string = URL.createObjectURL(data);
-                      anchor.href = url;
-                      document.body.appendChild(anchor);
-                      anchor.click();
-                      URL.revokeObjectURL(url);
-                      document.body.removeChild(anchor);
-                  });
-              });
-      });
-  }
-}
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/main.ts
index 0ebd99dca..5eacaf37f 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js'
 bootstrapApplication(AppComponent)
   .catch((err) => console.error(err));
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.component.ts
deleted file mode 100644
index a614bc286..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [allowScrolling]="true" [scrollSettings]="{ isFinite: true }">
-                <e-sheets>
-                  <e-sheet name="Price Details" rowCount="9" colCount="7">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.component.ts
deleted file mode 100644
index f9d7efcae..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1, dataSource2 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <e-sheet name="Budget Details">
-                    <e-ranges>
-                      <e-range [dataSource]="budgetData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                      <e-column [width]=100></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-
-    budgetData: object[] = dataSource2;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Budget Details!A1:D1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.component.ts
deleted file mode 100644
index a9e2c4156..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { defaultData } from './datasource';
-import { SpreadsheetComponent, SheetModel, getRangeIndexes, getSwapRange, getRangeAddress, CellModel } from '@syncfusion/ej2-angular-spreadsheet';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
-
-@Component({
-    selector: 'app-container',
-    template: `<button class="e-btn custom-btn" (click)="onClick()">Get Selected Cell Values</button>
-    <ejs-spreadsheet #spreadsheet (created)='created()'> 
-        <e-sheets> 
-            <e-sheet> 
-                <e-ranges> 
-                    <e-range [dataSource]='dataSource'>
-                    </e-range>
-                </e-ranges>
-                <e-columns>
-                    <e-column [width]=150></e-column>
-                    <e-column [width]=120></e-column>
-                    <e-column [width]=100></e-column>
-                </e-columns>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-
-export class AppComponent implements OnInit {
-    public dataSource?: object[];
-    @ViewChild('spreadsheet')
-    public spreadsheetObj!: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.dataSource = defaultData;
-    }
-    created() {
-        // Applies cell formatting to specified range of the active sheet.
-        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
-    };
-    onClick(): void {
-        let sheet: SheetModel = this.spreadsheetObj.getActiveSheet();
-        let selectedRange: string | undefined = sheet.selectedRange;
-        let index: number[] = getRangeIndexes(selectedRange as string);
-        let cellRange: number[] = getSwapRange(index);
-        let swappedRange: string = getRangeAddress(cellRange);
-        let valueObject: string[] = [];
-        let range: string = sheet.name + '!' + swappedRange;
-        // Get the collection of selected cell values by using the getData() method.
-        this.spreadsheetObj.getData(range).then((cells: Map<string, CellModel>) => {
-            cells.forEach((cell: CellModel) => {
-                valueObject.push(isNullOrUndefined((cell.value) as string) ? '' : (cell.value) as string);
-            });
-            console.log("Collection of selected cell values:", valueObject);
-        });
-    }
-}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.module.ts b/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.module.ts
index de57017c0..234147c91 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.module.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 
 /**
  * Module
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.component.ts
deleted file mode 100644
index ccb0f37e2..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, getRangeAddress } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()"  (cellEdit)="cellEdit($event)" [selectionSettings]="{ mode: 'Multiple' }">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        var colCount = this.spreadsheetObj!.getActiveSheet().colCount;
-        this.spreadsheetObj!.selectRange(getRangeAddress([4, 0, 4, colCount as any]));
-    }
-    cellEdit(args : any) {
-        args.cancel = true;
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.component.ts
deleted file mode 100644
index 061459340..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.component.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent, getRangeAddress } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [selectionSettings]="{ mode: 'Multiple' }">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        var rowCount = this.spreadsheetObj!.getActiveSheet().rowCount;
-        this.spreadsheetObj!.selectRange(getRangeAddress([0, 2, rowCount as any, 2]));
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.component.ts
deleted file mode 100644
index c4855f09c..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.component.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource1 } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [selectionSettings]="{ mode: 'None' }">
-                <e-sheets>
-                  <e-sheet name="Price Details">
-                    <e-ranges>
-                      <e-range [dataSource]="priceData"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=130></e-column>
-                      <e-column [width]=92></e-column>
-                      <e-column [width]=96></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    priceData: object[] = dataSource1;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.component.ts
deleted file mode 100644
index e123b92a9..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.component.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { enableRipple } from '@syncfusion/ej2-base';
-import { dataSource } from './datasource';
-
-enableRipple(true);
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl"
-                [saveUrl]="saveUrl" [showFormulaBar]="false" [showRibbon]="false">
-                <e-sheets>
-                  <!-- By default, state is set as 'visible'. We don’t  need to said it in the sample. -->
-                  <e-sheet name="Visible Sheet" state="Visible">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <!-- Sets sheet state as 'VeryHidden'. It can't be unhidden. -->
-                  <e-sheet name="Very Hidden Sheet" state="VeryHidden">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                    </e-columns>
-                  </e-sheet>
-                  <!-- Sets sheet state as 'Hidden'. It can be unhidden dynamically. -->
-                  <e-sheet name="Hidden Sheet" state="Hidden">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=110></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                      <e-column [width]=85></e-column>
-                    </e-columns>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-    openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
-    saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save'
-
-    created() {
-        // Applies style formatting to active visible sheet
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
-        // Applies style formatting to active hidden sheet
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Hidden Sheet!A1:H1');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'Hidden Sheet!D2:H11');
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.component.ts
deleted file mode 100644
index cebfd2213..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { defaultData } from './datasource';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()' (sortComplete)='sortComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='defaultData'></e-range></e-ranges><e-columns><e-column [width]=130></e-column><e-column [width]=92></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    public defaultData?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.defaultData = defaultData;
-    }
-    dataBound(){
-        if (this.spreadsheetObj!.activeSheetIndex === 0) {
-            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A1:H1');
-            this.spreadsheetObj!.sort({ containsHeader: true }, 'A1:H11');
-        }
-    };
-    sortComplete (args : any) {
-        this.spreadsheetObj!.selectRange(args.range);
-        // code here.
-    }
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.component.ts
deleted file mode 100644
index 8786698d5..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { Component } from '@angular/core';
-
-@Component({
-imports: [
-        SpreadsheetAllModule
-    ],
-
-standalone: true,
-    selector: 'app-root',
-    template: '<ejs-spreadsheet > </ejs-spreadsheet>'
-})
-export class AppComponent { }
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.component.ts
deleted file mode 100644
index 4ddd6de15..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.component.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { DropDownListAllModule, MultiSelectAllModule } from '@syncfusion/ej2-angular-dropdowns'
-import { RadioButtonAllModule, ButtonAllModule } from '@syncfusion/ej2-angular-buttons'
-import { TextBoxAllModule } from '@syncfusion/ej2-angular-inputs'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-import { CommonModule } from '@angular/common'
-import { BrowserModule } from '@angular/platform-browser'
-import { NgModule } from '@angular/core'
-
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        CommonModule, SpreadsheetAllModule,  TextBoxAllModule, RadioButtonAllModule, DropDownListAllModule, MultiSelectAllModule, ButtonAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet [showRibbon]="false" [allowResizing]="false" [showFormulaBar]="false" [allowOpen]="false" [allowSave]="false"
-        [scrollSettings]="{ isFinite: true }" (created)="created()" [allowEditing]="false" [selectionSettings]="{ mode: 'None' }">
-        <e-sheets>
-            <e-sheet name="Registration Form" [rowCount]=40 [colCount]=30 [showGridLines]="false">
-                <e-rows>
-                    <e-row [height]=55>
-                        <e-cells>
-                            <e-cell [index]=1 value="Interview Registration Form" [style]="{ fontSize: '12pt', fontWeight: 'bold',
-                                textAlign: 'center', verticalAlign: 'middle', textDecoration: 'underline' }"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=55>
-                        <e-cells>
-                            <e-cell [index]=1 value="Name:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=45>
-                        <e-cells>
-                            <e-cell [index]=1 value="Date of Birth:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=45>
-                        <e-cells>
-                            <e-cell [index]=1 value="Gender:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=45>
-                        <e-cells>
-                            <e-cell [index]=1 value="Year of Experience:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=45>
-                        <e-cells>
-                            <e-cell [index]=1 value="Areas of Interest:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=45>
-                        <e-cells>
-                            <e-cell [index]=1 value="Mobile Number:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=45>
-                        <e-cells>
-                            <e-cell [index]=1 value="Email:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                    <e-row [height]=82>
-                        <e-cells>
-                            <e-cell [index]="1" value="Address:"></e-cell>
-                        </e-cells>
-                    </e-row>
-                </e-rows>
-                <e-columns>
-                    <e-column [index]=1 [width]=190></e-column>
-                    <e-column [width]=350></e-column>
-                </e-columns>
-                <e-ranges>
-                    <e-range address="C2">
-                        <ng-template #template>
-                            <ejs-textbox placeholder="Name"></ejs-textbox>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C3">
-                        <ng-template #template>
-                            <ejs-textbox placeholder="DOB"></ejs-textbox>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C4">
-                        <ng-template #template>
-                            <div>
-                                <ejs-radiobutton name="gender" value="male" label="Male"></ejs-radiobutton>
-                                <ejs-radiobutton name="gender" value="female" label="Female"></ejs-radiobutton>
-                            </div>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C5">
-                        <ng-template #template>
-                            <ejs-dropdownlist placeholder="Experience" [dataSource]="experience"></ejs-dropdownlist>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C6">
-                        <ng-template #template>
-                            <ejs-multiselect [showClearButton]="false" placeholder="Areas of Interest" [dataSource]="languages"></ejs-multiselect>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C7">
-                        <ng-template #template>
-                            <ejs-textbox placeholder="Mobile Number"></ejs-textbox>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C8">
-                        <ng-template #template>
-                            <ejs-textbox placeholder="Email"></ejs-textbox>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C9">
-                        <ng-template #template>
-                            <ejs-textbox rows="2" [multiline]="true"></ejs-textbox>
-                        </ng-template>
-                    </e-range>
-                    <e-range address="C11">
-                        <ng-template #template>
-                            <button ejs-button cssClass='e-flat' style='float:right'>Add</button>
-                        </ng-template>
-                    </e-range>
-                </e-ranges>
-            </e-sheet>
-        </e-sheets>
-    </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    public experience: string[] =  ['0 - 1 year', '1 - 3 years', '3 - 5 years', '5 - 10 years'];
-    public languages: string[] = ['JAVA', 'C#', 'SQL'];
-    created() {
-        // Applies format to specified range
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'B2:B9');
-        // Merges B1 and C1 cells
-        this.spreadsheetObj!.merge('B1:C1');
-    }
-  };
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.component.ts
deleted file mode 100644
index 9172b1f07..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, OnInit,ViewChild } from '@angular/core';
-import { defaultData } from './datasource';
-import { addClass, removeClass } from '@syncfusion/ej2-base';
-import { SpreadsheetComponent, getRangeIndexes } from '@syncfusion/ej2-angular-spreadsheet';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: "<button id='customBtn' class='e-btn' (click)='updateCollection()'> add/remove Class</button>   <ejs-spreadsheet #spreadsheet (actionComplete)='actionComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='defaultData'></e-range></e-ranges><e-columns><e-column [width]=130></e-column><e-column [width]=92></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
-})
-export class AppComponent implements OnInit {
-
-    public defaultData?: object[];
-    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
-    ngOnInit(): void {
-        this.defaultData = defaultData;
-    }
-    actionComplete (args: any) {
-        let actionEvents: any = args;
-        if (actionEvents.eventArgs.action == "customCSS") {
-            let Element:HTMLElement = this.spreadsheetObj!.getCell(actionEvents.eventArgs.rowIdx,actionEvents.eventArgs.colIdx);
-            if (actionEvents.isUndoRedo && actionEvents.isUndo) {
-                removeClass([Element],'customClass'); // To remove the custom class in undo action
-            }
-            else {
-                addClass([Element],'customClass');// To add the custom class in redo action
-            }
-        }
-    }
-    updateCollection() {
-        var cell = this.spreadsheetObj!.getActiveSheet().activeCell;
-        var cellIdx = getRangeIndexes(cell as any);
-        var Element= this.spreadsheetObj!.getCell(cellIdx[0], cellIdx[1]);
-        if (!Element.classList.contains("customClass")) {
-            Element.classList.add('customClass'); // To add the custom class in active cell element
-            this.spreadsheetObj!.updateUndoRedoCollection({ eventArgs: { class: 'customClass', rowIdx: cellIdx[0], colIdx: cellIdx[1], action: 'customCSS' } }); // To update the undo redo collection
-        }
-  }
-}
-
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.component.ts b/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.component.ts
deleted file mode 100644
index e7a07183e..000000000
--- a/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.component.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
-
-
-
-import { Component, ViewChild } from '@angular/core';
-import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
-import { dataSource } from './datasource';
-
-@Component({
-imports: [
-        
-        SpreadsheetAllModule
-    ],
-
-
-standalone: true,
-    selector: 'app-container',
-    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
-                <e-sheets>
-                  <e-sheet name="Movie List">
-                    <e-ranges>
-                      <e-range [dataSource]="data"></e-range>
-                    </e-ranges>
-                    <e-columns>
-                      <e-column [index]=1 [width]=100></e-column>
-                      <e-column [width]=140></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=150></e-column>
-                      <e-column [width]=120></e-column>
-                      <e-column [width]=90></e-column>
-                      <e-column [width]=180></e-column>
-                    </e-columns>
-                    <e-rows>
-                      <e-row [height]=30></e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=7 [wrap]="true"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=7 [wrap]="true"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=7 [wrap]="true"></e-cell>
-                        </e-cells>
-                      </e-row>
-                      <e-row>
-                        <e-cells>
-                          <e-cell [index]=7 [wrap]="true"></e-cell>
-                        </e-cells>
-                      </e-row>
-                    </e-rows>
-                  </e-sheet>
-                </e-sheets>
-              </ejs-spreadsheet>`
-})
-export class AppComponent {
-    @ViewChild('spreadsheet')
-    spreadsheetObj: SpreadsheetComponent | undefined;
-
-    data: object[] = dataSource;
-
-    created() {
-        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
-        this.spreadsheetObj!.cellFormat({ verticalAlign: 'middle' }, 'A1:H5');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:B5');
-        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:D5');
-
-        // To wrap the cells from E2 to E5 range
-        this.spreadsheetObj!.wrap('E2:E5');
-        // To unwrap the H3 cell
-        this.spreadsheetObj!.wrap('H3', false);
-    }
-}
-
-
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/main.ts b/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/main.ts
index 3607237bd..37a1e9c19 100644
--- a/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/main.ts
+++ b/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/main.ts
@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import 'zone.js';
 bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file

From c54a74c6a66ad60119eb24a07d9877959b2de346 Mon Sep 17 00:00:00 2001
From: bhuvaneshdhakshinmaoorthy <bhuvaneshdhakshinmaoorthy>
Date: Fri, 6 Feb 2026 14:07:14 +0530
Subject: [PATCH 03/12] 993171: Added all files

---
 .../angular/accessibility/src/app.ts          | 161 ++++++++++++++++
 .../angular/autofill-cs1/src/app.ts           |  59 ++++++
 .../angular/base-64-string/src/app.ts         |  77 ++++++++
 .../angular/calculation-cs1/src/app.ts        |  43 +++++
 .../angular/calculation-cs2/src/app.ts        |  43 +++++
 .../angular/cell-data-binding-cs1/src/app.ts  |  19 ++
 .../change-active-sheet-cs1/src/app.ts        |  29 +++
 .../spreadsheet/angular/chart-cs1/src/app.ts  |  62 ++++++
 .../spreadsheet/angular/chart-cs2/src/app.ts  |  61 ++++++
 .../spreadsheet/angular/chart-cs3/src/app.ts  |  63 ++++++
 .../spreadsheet/angular/clear-cs1/src/app.ts  |  61 ++++++
 .../angular/clipboard-cs1/src/app.ts          |  71 +++++++
 .../angular/clipboard-cs2/src/app.ts          |  78 ++++++++
 .../column-header-change-cs1/src/app.ts       |  36 ++++
 .../angular/comment-cs1/src/app.ts            | 115 +++++++++++
 .../conditional-formatting-cs1/src/app.ts     |  56 ++++++
 .../angular/contextmenu-cs1/src/app.ts        |  41 ++++
 .../contextmenu/addContextMenu-cs1/src/app.ts |  28 +++
 .../contextmenu/addContextMenu-cs2/src/app.ts |  33 ++++
 .../contextmenu/addContextMenu-cs3/src/app.ts |  32 ++++
 .../angular/custom-sort-cs1/src/app.ts        |  51 +++++
 .../angular/data-validation-cs1/src/app.ts    | 126 ++++++++++++
 .../angular/data-validation-cs2/src/app.ts    |  91 +++++++++
 .../angular/defined-name-cs1/src/app.ts       | 109 +++++++++++
 .../angular/delete/row-column-cs1/src/app.ts  |  74 +++++++
 .../dynamic-data-binding-cs1/src/app.ts       |  83 ++++++++
 .../dynamic-data-binding-cs2/src/app.ts       | 133 +++++++++++++
 .../angular/editing-cs1/src/app.ts            |  79 ++++++++
 .../angular/field-mapping-cs1/src/app.ts      |  45 +++++
 .../spreadsheet/angular/filter-cs1/src/app.ts |  40 ++++
 .../spreadsheet/angular/filter-cs2/src/app.ts |  70 +++++++
 .../angular/find-context-menu-cs1/src/app.ts  |  40 ++++
 .../find-target-context-menu/app/app.ts       |  38 ++++
 .../format/globalization-cs1/src/app.ts       | 155 +++++++++++++++
 .../angular/format/number-cs1/src/app.ts      |  82 ++++++++
 .../angular/format/number-cs2/src/app.ts      |  98 ++++++++++
 .../angular/formula-cs1/src/app.ts            | 117 +++++++++++
 .../angular/formula-cs2/src/app.ts            | 129 +++++++++++++
 .../angular/formula-cs3/src/app.ts            |  82 ++++++++
 .../angular/freezepane-cs1/src/app.ts         |  33 ++++
 .../angular/headers-gridlines-cs1/src/app.ts  |  59 ++++++
 .../angular/hide-show-cs1/src/app.ts          |  66 +++++++
 .../spreadsheet/angular/image-cs1/src/app.ts  | 149 ++++++++++++++
 .../src/app.ts                                |  64 +++++++
 .../angular/insert/column-cs1/src/app.ts      |  68 +++++++
 .../angular/insert/row-cs1/src/app.ts         |  73 +++++++
 .../angular/insert/sheet-cs1/src/app.ts       |  68 +++++++
 .../internationalization-cs1/src/app.ts       |  88 +++++++++
 .../angular/json-structure-cs1/src/app.ts     |  24 +++
 .../spreadsheet/angular/link-cs1/src/app.ts   |  33 ++++
 .../angular/local-data-binding-cs1/src/app.ts |  30 +++
 .../angular/local-data-binding-cs2/src/app.ts |  74 +++++++
 .../angular/local-data-binding-cs3/src/app.ts |  73 +++++++
 .../angular/local-data-binding-cs4/src/app.ts |  31 +++
 .../angular/local-data-binding-cs5/src/app.ts |  31 +++
 .../angular/lock-cells-cs1/src/app.ts         |  95 +++++++++
 .../angular/merge-cells-cs1/src/app.ts        | 120 ++++++++++++
 .../spreadsheet/angular/note-cs1/src/app.ts   |  44 +++++
 .../spreadsheet/angular/note-cs2/src/app.ts   |  44 +++++
 .../spreadsheet/angular/note-cs3/src/app.ts   |  49 +++++
 .../angular/open-from-blobdata-cs1/src/app.ts |  40 ++++
 .../angular/open-from-json/src/app.ts         |  89 +++++++++
 .../angular/open-save-cs1/src/app.ts          |  29 +++
 .../angular/open-save-cs10/app/app.ts         |  74 +++++++
 .../angular/open-save-cs11/src/app.ts         |  70 +++++++
 .../angular/open-save-cs12/src/app.ts         |  55 ++++++
 .../angular/open-save-cs2/src/app.ts          |  36 ++++
 .../angular/open-save-cs3/src/app.ts          |  29 +++
 .../angular/open-save-cs4/src/app.ts          |  34 ++++
 .../angular/open-save-cs5/src/app.ts          |  58 ++++++
 .../angular/open-save-cs6/src/app.ts          |  34 ++++
 .../angular/open-save-cs7/src/app.ts          |  41 ++++
 .../angular/open-save-cs8/src/app.ts          |  34 ++++
 .../angular/open-save-cs9/app/app.ts          |  53 +++++
 .../angular/passing-sort-cs1/src/app.ts       |  53 +++++
 .../spreadsheet/angular/print-cs1/src/app.ts  | 181 ++++++++++++++++++
 .../spreadsheet/angular/print-cs2/src/app.ts  |  72 +++++++
 .../spreadsheet/angular/print-cs3/src/app.ts  |  59 ++++++
 .../angular/protect-sheet-cs1/src/app.ts      |  66 +++++++
 .../angular/readonly-cs1/src/app.ts           |  72 +++++++
 .../remote-data-binding-cs1/src/app.ts        |  37 ++++
 .../remote-data-binding-cs2/src/app.ts        |  45 +++++
 .../remote-data-binding-cs3/src/app.ts        |  45 +++++
 .../ribbon/cutomization-cs1/src/app.ts        | 147 ++++++++++++++
 .../angular/save-as-blobdata-cs1/src/app.ts   |  53 +++++
 .../angular/save-as-json/src/app.ts           |  99 ++++++++++
 .../angular/scrolling-cs1/src/app.ts          |  53 +++++
 .../angular/searching-cs1/src/app.ts          |  68 +++++++
 .../angular/selected-cell-values/src/app.ts   |  53 +++++
 .../angular/selection-cs1/src/app.ts          |  54 ++++++
 .../angular/selection-cs2/src/app.ts          |  51 +++++
 .../angular/selection-cs3/src/app.ts          |  49 +++++
 .../angular/sheet-visibility-cs1/src/app.ts   |  95 +++++++++
 .../angular/sort-by-cell-cs1/src/app.ts       |  42 ++++
 .../angular/spreadsheet-cs1/src/app.ts        |  17 ++
 .../angular/template-cs1/src/app.ts           | 148 ++++++++++++++
 .../angular/undo-redo-cs1/src/app.ts          |  54 ++++++
 .../angular/wrap-text-cs1/src/app.ts          |  81 ++++++++
 98 files changed, 6496 insertions(+)
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.ts
 create mode 100644 Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.ts

diff --git a/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.ts
new file mode 100644
index 000000000..5a8903737
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/accessibility/src/app.ts
@@ -0,0 +1,161 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, ChartModel, getFormatFromType } from '@syncfusion/ej2-angular-spreadsheet';
+import { inventoryData, cartData, stockData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<div class="control-section">
+    <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" saveUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save" (created)="created()">
+        <e-sheets>
+            <e-sheet name="Inventory List" selectedRange="A2:A2">
+                <e-ranges>
+                    <e-range [dataSource]="inventoryData" startCell="A2"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=158></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=110></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=97></e-column>
+                    <e-column [width]=80></e-column>
+                </e-columns>
+                <e-rows>
+                    <e-row [height]=56>
+                        <e-cells>
+                            <e-cell value="Inventory List"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="0">
+                        <e-cells>
+                            <e-cell [index]="9" [chart]="chart"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="13" [height]=36>
+                        <e-cells>
+                            <e-cell [index]="3" value="Total Amount:"></e-cell>
+                            <e-cell formula="=ROUND(SUM(E3:E13),1)"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+            </e-sheet>
+            <e-sheet name="Shopping Cart" selectedRange="A3:A3">
+                <e-ranges>
+                    <e-range [dataSource]="cartData" startCell="A3"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=80></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+                <e-rows>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="Shopping Cart" [style]="{
+                                fontSize: '20pt', fontWeight: 'bold', fontFamily: 'Comic Sans MS',
+                                textAlign: 'center', backgroundColor: 'rgb(53, 124, 210)', verticalAlign: 'middle', color: 'rgb(255, 255, 255)'
+                            }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+            </e-sheet>
+            <e-sheet name="Stock List" selectedRange="A2:A2">
+                <e-ranges>
+                    <e-range [dataSource]="stockData" startCell="A2"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=150></e-column>
+                </e-columns>
+                <e-rows>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="Stock List" [style]="{
+                                fontSize: '15pt', fontWeight: 'bold', fontFamily: 'Comic Sans MS',
+                                textAlign: 'center', backgroundColor: 'rgb(53, 124, 210)', verticalAlign: 'middle', color: 'rgb(255, 255, 255)'
+                            }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>
+</div>`
+})
+
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj!: SpreadsheetComponent;
+    inventoryData: object[] = inventoryData;
+    cartData: object[] = cartData;
+    stockData: object[] = stockData;
+    chart: ChartModel[] = [{ type: "Column", range: "A3:F8" }]
+
+    created(): void {
+        this.spreadsheetObj.merge('Inventory List!A1:I1');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Inventory List!A2:H2');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle', fontSize: '13pt', }, 'Inventory List!A1:H1');
+        this.spreadsheetObj.conditionalFormat({ type: 'BlueDataBar', range: 'Inventory List!E3:E13' });
+        this.spreadsheetObj.conditionalFormat({ type: 'GreenDataBar', range: 'Inventory List!F3:F13' });
+        this.spreadsheetObj.conditionalFormat({ type: 'ThreeStars', range: 'Inventory List!H3:H13' });
+        // Add Data validation to range.
+        this.spreadsheetObj.addDataValidation({ type: 'WholeNumber', operator: 'GreaterThan', value1: '20', ignoreBlank: false, }, 'Inventory List!C4:C13');
+        // Apply cell format
+        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A4:I4');
+        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A6:I6');
+        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A8:I8');
+        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A10:I10');
+        this.spreadsheetObj.cellFormat({ backgroundColor: '#d8e8f1' }, 'Inventory List!A12:I12');
+        this.spreadsheetObj.cellFormat({ color: '#004078' }, 'Inventory List!A3:I13');
+        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Inventory List!A1:A13');
+        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Inventory List!C1:C13');
+        this.spreadsheetObj.cellFormat({ fontSize: '24pt', fontWeight: 'bold', textAlign: 'center', backgroundColor: '#357CD2', verticalAlign: 'middle', color: '#ffffff' }, 'Inventory List!A1:I1');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', backgroundColor: '#A4D6FA', verticalAlign: 'middle', color: '#004078', }, 'Inventory List!A2:I2');
+        this.spreadsheetObj.cellFormat({ backgroundColor: '#A4D6FA', textAlign: 'right', verticalAlign: 'middle', color: '#004078', fontSize: '14pt' }, 'Inventory List!A14:I14');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold' }, 'Inventory List!E14:E14');
+        // Apply number format.
+        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'Inventory List!D3:F14');
+        // Apply merge to cell range.
+        this.spreadsheetObj.merge('Shopping Cart!A1:F2');
+        this.spreadsheetObj.merge('Stock List!A1:D1');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', backgroundColor: 'rgb(164, 214, 250)', fontFamily: "Book Antiqua", color: 'rgb(0, 64, 120)' }, 'Shopping Cart!A3:F3');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', backgroundColor: 'rgb(164, 214, 250)', fontFamily: "Book Antiqua", color: 'rgb(0, 64, 120)' }, 'Stock List!A2:D2');
+        const rangeAddress: string[] = ['Shopping Cart!A5:F5', 'Shopping Cart!A7:F7', 'Shopping Cart!A9:f9', 'Shopping Cart!A11:F11',
+            'Shopping Cart!A13:F13', 'Stock List!A4:D4', 'Stock List!A6:D6', 'Stock List!A8:D8', 'Stock List!A10:D10'];
+        for (let i = 0; i < rangeAddress.length; i++) {
+            this.spreadsheetObj.cellFormat({ backgroundColor: 'rgb(216, 232, 241)' }, rangeAddress[i]);
+        }
+        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Shopping Cart!D4:E12');
+        this.spreadsheetObj.cellFormat({ textAlign: 'center' }, 'Stock List!B3:D12');
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold' }, 'Shopping Cart!E13:F13');
+        this.spreadsheetObj.setBorder({ border: '2.5px solid #FFB936' }, 'Shopping Cart!A1:F13', 'Outer');
+        this.spreadsheetObj.setBorder({ border: '1.25px solid #FFB936' }, 'Shopping Cart!A1:F13', 'Inner');
+        this.spreadsheetObj.setBorder({ border: '1px solid #0400FF' }, 'Stock List!A1:D11', 'Outer');
+        this.spreadsheetObj.setBorder({ border: '1px solid #0400FF' }, 'Stock List!A1:D11', 'Inner');
+        this.spreadsheetObj.updateCell({ value: 'Total Amount' }, "Shopping Cart!E13");
+        this.spreadsheetObj.updateCell({ formula: '=SUM(F4:F12)' }, "Shopping Cart!F13");
+        this.spreadsheetObj.conditionalFormat({ type: 'PurpleDataBar', range: 'Shopping Cart!E4:E12' });
+        this.spreadsheetObj.conditionalFormat({ type: 'GreenDataBar', range: 'Stock List!D3:D11' });
+        this.spreadsheetObj.conditionalFormat({ type: 'GYRColorScale', range: 'Stock List!C3:C11' });
+        this.spreadsheetObj.conditionalFormat({ type: 'RWGColorScale', range: 'Shopping Cart!F4:F12' });
+        this.spreadsheetObj.conditionalFormat({ type: 'Between', cFColor: 'RedFT', value: '10,60', range: 'Shopping Cart!D4:D12' });
+        this.spreadsheetObj.element.focus();
+    };
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.ts
new file mode 100644
index 000000000..14cf0cbe5
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/autofill-cs1/src/app.ts
@@ -0,0 +1,59 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { defaultData } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<div>
+    <button class='e-btn' (click)='onclick()'>Change showFillOptions</button>
+    <ejs-spreadsheet #spreadsheet (created)="created()" >
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="budgetData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet></div>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    budgetData: object[] = defaultData;
+    onclick(): void {
+        var showFillOptions = this.spreadsheetObj!.autoFillSettings.showFillOptions;
+        this.spreadsheetObj!.autoFillSettings.showFillOptions = !showFillOptions; //To change whether fill options need to be shown or not.
+    }
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        this.spreadsheetObj!.autoFill('D4:D11','D2:D3', 'Down','CopyCells');
+        this.spreadsheetObj!.autoFill('E4:E11','E2:E3','Down','FillSeries');
+        this.spreadsheetObj!.autoFill('B4:B11','B2:B3','Down','FillFormattingOnly');
+        this.spreadsheetObj!.autoFill('C4:C11','C2:C3','Down','FillWithoutFormatting');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.ts
new file mode 100644
index 000000000..bc3eb9a7b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/base-64-string/src/app.ts
@@ -0,0 +1,77 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, BeforeSaveEventArgs, SaveCompleteEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<div class="control-section">
+    <button class="e-btn custom-btn" (click)='import()'>Import Base64</button>
+    <button class="e-btn custom-btn" (click)='export()'>Export as Base64</button>
+    <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" (beforeSave)="beforeSave($event)" (saveComplete)="saveComplete($event)">
+        <e-sheets>
+            <e-sheet name="Car Sales Report">
+                <e-ranges>
+                    <e-range [dataSource]="data"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=120></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj!: SpreadsheetComponent;
+
+    data: Object[] = data;
+    base64String!: string | ArrayBuffer;
+    beforeSave(args: BeforeSaveEventArgs): void {
+        args.needBlobData = true; // To trigger the saveComplete event.
+        args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
+    };
+    saveComplete(args: SaveCompleteEventArgs): void {
+        // Convert blob data to base64 string.
+        let reader: FileReader = new FileReader();
+        reader.readAsDataURL(args.blobData);
+
+        reader.onloadend = () => {
+            this.base64String = reader.result ? reader.result : '';
+        };
+    };
+    import(): void {
+        fetch(this.base64String as string)
+            .then((response) => response.blob())
+            .then((fileBlob) => {
+                let file: File = new File([fileBlob], 'Sample.xlsx');
+                this.spreadsheetObj.open({ file: file });
+            });
+    };
+    export(): void {
+        this.spreadsheetObj.save({
+            url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+            fileName: 'Worksheet',
+            saveType: 'Xlsx',
+        }); // Specifies the save URL, file name, file type need to be saved.
+        // Logs base64 string into the console.
+        console.log('Base64 String - ', this.base64String);
+    }
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.ts
new file mode 100644
index 000000000..8a949cc6c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs1/src/app.ts
@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        SpreadsheetAllModule
+    ],
+standalone: true,
+selector: 'app-container',
+template: `<ejs-spreadsheet #spreadsheet (created)="created()" calculationMode="Automatic">
+                <e-sheets>
+                  <e-sheet name="Product Details">
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A1"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+      this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.ts
new file mode 100644
index 000000000..cb86ae840
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/calculation-cs2/src/app.ts
@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        SpreadsheetAllModule
+    ],
+standalone: true,
+selector: 'app-container',
+template: `<ejs-spreadsheet #spreadsheet (created)="created()" calculationMode="Manual">
+                <e-sheets>
+                  <e-sheet name="Product Details">
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A1"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+      this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.ts
new file mode 100644
index 000000000..4a033e244
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/cell-data-binding-cs1/src/app.ts
@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+    imports: [
+        SpreadsheetAllModule
+    ],
+    standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet> <e-sheets> <e-sheet selectedRange='D13'><e-rows> <e-row><e-cells> <e-cell value='Order ID'></e-cell> <e-cell value='Customer ID'></e-cell> <e-cell value='Employee ID'></e-cell>  <e-cell value='Ship Name'></e-cell> <e-cell value='Ship City'></e-cell>  <e-cell value='Ship Address'></e-cell>  </e-cells>  </e-row>  <e-row>  <e-cells>  <e-cell value='10248'></e-cell>  <e-cell value='VINET'></e-cell>  <e-cell value='5'></e-cell>  <e-cell value='Vins et alcools Chevalier'></e-cell>  <e-cell value='Reims'></e-cell>  <e-cell value='59 rue de lAbbaye'></e-cell>  </e-cells>  </e-row>  <e-row>  <e-cells>  <e-cell value='10249'></e-cell>  <e-cell value='TOMSP'></e-cell>  <e-cell value='3'></e-cell> <e-cell value='Toms Spezialitäten'></e-cell>  <e-cell value='Münster'></e-cell>  <e-cell value='Luisenstr. 48'></e-cell>  </e-cells>  </e-row>  <e-row>  <e-cells>  <e-cell value='10250'></e-cell>  <e-cell value='HANAR'></e-cell>  <e-cell value='2'></e-cell>  <e-cell value='Hanari Carnes'></e-cell>  <e-cell value='Rio de Janeiro'></e-cell> <e-cell value='Rua do Paço, 67'></e-cell> </e-cells>  </e-row>  <e-row>  <e-cells> <e-cell value='10251'></e-cell>  <e-cell value='VICTE'></e-cell> <e-cell value='3'></e-cell> <e-cell value='Victuailles en stock'></e-cell> <e-cell value='Lyon'></e-cell>  <e-cell value='2, rue du Commerce'></e-cell> </e-cells> </e-row> <e-row> <e-cells> <e-cell value='10252'></e-cell>  <e-cell value='SUPRD'></e-cell>   <e-cell value='4'></e-cell><e-cell value='Suprêmes délices'></e-cell><e-cell value='Charleroi'></e-cell><e-cell value='Boulevard Tirou, 255'></e-cell></e-cells></e-row></e-rows><e-columns><e-column [width]=110></e-column><e-column [width]=115></e-column><e-column [width]=110></e-column> <e-column [width]=130></e-column> <e-column [width]=140></e-column><e-column [width]=150></e-column> </e-columns></e-sheet></e-sheets><e-rows></e-rows></ejs-spreadsheet>"
+})
+
+export class AppComponent {
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.ts
new file mode 100644
index 000000000..9051c17de
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/change-active-sheet-cs1/src/app.ts
@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (openComplete)='openCompleteHandler($event)' openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open'></ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent;
+
+    openCompleteHandler(args: Object) {
+        if (this.spreadsheetObj) {
+            this.spreadsheetObj.activeSheetIndex = 2;
+        }
+    }
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.ts
new file mode 100644
index 000000000..cd74b3c09
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs1/src/app.ts
@@ -0,0 +1,62 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, getFormatFromType, ChartModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { chartData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()">
+        <e-sheets>
+            <e-sheet name="Book Sales">
+                <e-rows>
+                    <e-row [height]=30>
+                        <e-cells>
+                            <e-cell value="Book Sales 2016-2020" [style]="{ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell [index]="7" [chart]="chart"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-ranges>
+                    <e-range [dataSource]="data" startCell="A3"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=110></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+    public chart: ChartModel[] = [{ type: "Column", range: "A3:F8" }];
+    data: Object[] = chartData;
+    created() {
+        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A3:F3');
+        this.spreadsheetObj!.numberFormat(getFormatFromType('Currency'), 'B4:F8');
+        this.spreadsheetObj!.merge('A1:F1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.ts
new file mode 100644
index 000000000..657457115
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs2/src/app.ts
@@ -0,0 +1,61 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, getFormatFromType, ChartModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { chartData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()">
+        <e-sheets>
+            <e-sheet name="Book Sales">
+                <e-rows>
+                    <e-row [height]=30>
+                        <e-cells>
+                            <e-cell value="Book Sales 2016-2020" [style]="{ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-ranges>
+                    <e-range [dataSource]="data" startCell="A3"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=110></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+    public chart: ChartModel[] = [{ type: "Column", range: "A3:F8" }];
+    data: Object[] = chartData;
+    created() {
+        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A3:F3');
+        this.spreadsheetObj!.numberFormat(getFormatFromType('Currency'), 'B4:F8');
+        this.spreadsheetObj!.merge('A1:F1');
+        //Render Column chart
+        this.spreadsheetObj!.insertChart([{type: 'Column', theme: 'Bootstrap5Dark', range: 'A3:B6', id: 'column-chart' }]);
+        //Render Line chart with Marker
+        this.spreadsheetObj!.insertChart([{type: 'Line', range: 'A3:B6', markerSettings: {visible: true, shape: 'Circle', isFilled: false, size: 10, border: {width: 2, color: '#3cb371'}}, id: 'line-chart'}]);
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.ts
new file mode 100644
index 000000000..6cd93a4cc
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/chart-cs3/src/app.ts
@@ -0,0 +1,63 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, getFormatFromType, ChartModel, BeforeChartEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+import { chartData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (actionBegin)="onActionBegin($event)">
+        <e-sheets>
+            <e-sheet name="Book Sales">
+                <e-rows>
+                    <e-row [height]=30>
+                        <e-cells>
+                            <e-cell value="Book Sales 2016-2020" [style]="{ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-ranges>
+                    <e-range [dataSource]="data" startCell="A3"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=110></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+    data: Object[] = chartData;
+    created() {
+        this.spreadsheetObj!.cellFormat({ backgroundColor: '#357cd2', color: '#fff', fontWeight: 'bold', textAlign: 'center' }, 'A3:F3');
+        this.spreadsheetObj!.numberFormat(getFormatFromType('Currency'), 'B4:F8');
+        this.spreadsheetObj!.merge('A1:F1');
+    }
+    onActionBegin(args: BeforeChartEventArgs | any){
+        if (args.action === 'beforeInsertChart' && args.args.eventArgs.type.includes('Line')) {
+            args.args.eventArgs.markerSettings.shape = 'Triangle';
+            args.args.eventArgs.markerSettings.isFilled = false;
+            args.args.eventArgs.markerSettings.size = 10;
+        }
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.ts
new file mode 100644
index 000000000..7ad013c37
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/clear-cs1/src/app.ts
@@ -0,0 +1,61 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<button ejs-dropdownbutton [items]='items' content='Clear' (select)='itemSelect($event)'></button> <ejs-spreadsheet #spreadsheet (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+    public items: ItemModel[] = [
+    {
+      text: "Clear All"
+    },
+    {
+      text: "Clear Formats"
+    },
+    {
+      text: "Clear Contents"
+    },
+    {
+      text: "Clear Hyperlinks"
+    }];
+    created() {
+      this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', fontSize: '12pt'}, 'A1:E1');
+      this.spreadsheetObj!.cellFormat({ color: '#10c469' }, 'B1:B10');
+    }
+    public itemSelect(args: MenuEventArgs) {
+     if (args.item.text === 'Clear All')
+      this.spreadsheetObj!.clear({ type: 'Clear All', range: 'D1:D10' }); // Clear the content, formats and hyperlinks applied in the provided range.
+    if (args.item.text === 'Clear Formats')
+      this.spreadsheetObj!.clear({ type: 'Clear Formats', range: 'B1:B10' }); // Clear the formats applied in the provided range
+    if (args.item.text === 'Clear Contents')
+      this.spreadsheetObj!.clear({ type: 'Clear Contents', range: 'A1:A10' }); // Clear the content in the provided range
+    if (args.item.text === 'Clear Hyperlinks')
+      this.spreadsheetObj!.clear({ type: 'Clear Hyperlinks', range: 'F2:F6' }); // Clear the hyperlinks applied in the provided range
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.ts
new file mode 100644
index 000000000..89f113315
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs1/src/app.ts
@@ -0,0 +1,71 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1 } from './datasource';
+import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<button ejs-dropdownbutton [items]='items' content='Clipboard' (select)='itemSelect($event)'></button>
+    <ejs-spreadsheet #spreadsheet (created)="created()" [enableClipboard]="true">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+    public items: ItemModel[] = [
+        {
+          text: "Copy"
+        },
+        {
+          text: "Cut"
+        },
+        {
+          text: "Paste"
+        }];
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+    }
+    public itemSelect(args: MenuEventArgs) {
+    if (args.item.text === 'Copy')
+      this.spreadsheetObj!.copy();
+    if (args.item.text === 'Cut')
+      this.spreadsheetObj!.cut();
+    if (args.item.text === 'Paste')
+      this.spreadsheetObj!.paste();
+  }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.ts
new file mode 100644
index 000000000..c80d7f29f
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/clipboard-cs2/src/app.ts
@@ -0,0 +1,78 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1 } from './datasource';
+import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<button ejs-dropdownbutton [items]='items' content='Clipboard' (select)='itemSelect($event)'></button>
+    <ejs-spreadsheet #spreadsheet (created)="created()" (actionBegin)="actionBeginHandler($event)" [enableClipboard]="true">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+    public items: ItemModel[] = [
+        {
+          text: "Copy"
+        },
+        {
+          text: "Cut"
+        },
+        {
+          text: "Paste"
+        }];
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+    }
+    // Triggers before the action begins.
+    actionBeginHandler(pasteArgs: { args: { eventArgs: { requestType: string; cancel: boolean; }; }; }) {
+      // To cancel the paste action.
+        if (pasteArgs.args.eventArgs.requestType === 'paste') {
+            pasteArgs.args.eventArgs.cancel = true;
+        }
+    }
+    public itemSelect(args: MenuEventArgs) {
+    if (args.item.text === 'Copy')
+      this.spreadsheetObj!.copy();
+    if (args.item.text === 'Cut')
+      this.spreadsheetObj!.cut();
+    if (args.item.text === 'Paste')
+      this.spreadsheetObj!.paste();
+  }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.ts
new file mode 100644
index 000000000..d01169a61
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/column-header-change-cs1/src/app.ts
@@ -0,0 +1,36 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, CellRenderEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (beforeCellRender)="beforeCellRender($event)"></ejs-spreadsheet>`
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  spreadsheetObj: SpreadsheetComponent | undefined;
+  beforeCellRender(args: CellRenderEventArgs) {
+    // Condition to check whether the rendered element is header cell.
+    if (
+      args.colIndex >= 0 &&
+      args.colIndex <= 10 &&
+      args.element.classList.contains('e-header-cell')
+    ) {
+      let text = 'custom header ' + args.colIndex.toString();
+      // Add the custom text to the innerText of the element.
+      args.element.innerText = text;
+    }
+  }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.ts
new file mode 100644
index 000000000..cd5eae20b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/comment-cs1/src/app.ts
@@ -0,0 +1,115 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { shipmentData } from './datasource';
+
+@Component({
+  imports: [
+    SpreadsheetAllModule
+  ],
+
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet [openUrl]="openUrl" [saveUrl]="saveUrl" (created)="created()" [showCommentsPane]="true">
+                 <e-sheets>
+            <e-sheet name="Shipment Details">
+                <e-ranges>
+                    <e-range [dataSource]="data"></e-range>
+                </e-ranges>
+                <e-rows>
+                    <e-row [index]="1">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{ author: 'Julius Gorner', text: 'Confirm delivery status for Order 10248.', createdTime: 'November 18, 2025 at 3:00 PM', isResolved: true, replies: [{ author: 'Cristi Espinos', text: 'Status verified as delivered.', createdTime: 'November 18, 2025 at 3:30 PM' }, { author: 'Julius Gorner', text: 'Acknowledged, thank you.', createdTime: 'November 18, 2025 at 3:45 PM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="3">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{author: 'Julius Gorner', text: 'Order 10250 is marked as Shipped, any update on current status?', createdTime: 'November 16, 2025 at 9:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Shipment is in transit.', createdTime: 'November 17, 2025 at 3:30 PM' }, { author: 'Julius Gorner', text: 'Thanks for the update.', createdTime: 'November 17, 2025 at 3:45 PM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="6">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{author: 'Julius Gorner', text: 'Reason for cancellation of Order 10253?', createdTime: 'November 18, 2025 at 1:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Customer requested cancellation.', createdTime: 'November 18, 2025 at 1:30 PM' }, { author: 'Julius Gorner', text: 'Understood, thanks.', createdTime: 'November 18, 2025 at 3:15 PM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="7">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{author: 'Julius Gorner', text: 'Pending status for Order 10254 - any progress?', createdTime: 'November 19, 2025 at 3:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Awaiting customs clearance.', createdTime: 'November 19, 2025 at 3:30 PM' }, { author: 'Julius Gorner', text: 'Please keep me posted,', createdTime: 'November 19, 2025 at 3:45 PM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="9">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{author: 'Julius Gorner', text: 'Order 10256 shipped, tracking details shared?', createdTime: 'November 18, 2025 at 3:00 AM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Tracking sent via email,', createdTime: 'November 18, 2025 at 3:30 AM' }, { author: 'Julius Gorner', text: 'Received, thank you,', createdTime: 'November 18, 2025 at 3:45 AM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="10">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{author: 'Julius Gorner', text: 'Delivered order 10257, confirm recipient name.', createdTime: 'November 18, 2025 at 2:00 PM', isResolved: true, replies: [{ author: 'Cristi Espinos', text: 'Recipient verified as Michael Holz.', createdTime: 'November 18, 2025 at 2:30 PM' }, { author: 'Julius Gorner', text: 'Great, noted.', createdTime: 'November 18, 2025 at 2:45 PM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="11">
+                        <e-cells>
+                            <e-cell [index]="4"
+                                [comment]="{author: 'Julius Gorner', text: 'Order 10258 cancelled, reason documented?', createdTime: 'November 18, 2025 at 12:00 PM', isResolved: false, replies: [{ author: 'Cristi Espinos', text: 'Customer changed requirements', createdTime: 'November 18, 2025 at 12:30 PM' }, { author: 'Julius Gorner', text: 'Understood, thanks.', createdTime: 'November 18, 2025 at 12:45 PM' }]}">
+                            </e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-columns>
+                    <e-column [width]=80></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  spreadsheetObj: SpreadsheetComponent | undefined;
+  data: object[] = shipmentData;
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+
+  created() {
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Shipment Details!A1:F1');
+    // Add comment using updateCell method.
+    this.spreadsheetObj!.updateCell({
+      comment: {
+        author: 'Cristi Espinos', text: 'Validate customer name for Order 10249.', createdTime: 'November 18, 2025 at 4:00 PM',
+        isResolved: false, replies: [{ author: 'Julius Gorner', text: 'Confirmed as Karin Josephs', createdTime: 'November 18, 2025 at 4:30 PM' },
+        { author: 'Cristi Espinos', text: 'Perfect, noted.', createdTime: 'November 18, 2025 at 5:30 PM' }]
+      }
+    }, 'Shipment Details!B3');
+    this.spreadsheetObj!.updateCell({
+      comment: {
+        author: 'Cristi Espinos', text: 'Verify address details for delivery.', createdTime: 'November 18, 2025 at 4:00 PM',
+        isResolved: true, replies: [{ author: 'Julius Gorner', text: 'Address confirmed as Boulevard Tirou, 255.', createdTime: 'November 18, 2025 at 4:30 PM' }]
+      }
+    }, 'Shipment Details!C6');
+    this.spreadsheetObj!.updateCell({
+      comment: {
+        author: 'Cristi Espinos', text: 'Confirm country for Order 10255 delivery.', createdTime: 'November 18, 2025 at 4:00 PM',
+        isResolved: false, replies: [{ author: 'Julius Gorner', text: 'Country verified as Switzerland.', createdTime: 'November 18, 2025 at 4:30 PM' },
+        { author: 'Cristi Espinos', text: 'Acknowledged.', createdTime: 'November 18, 2025 at 5:30 PM' }]
+      }
+    }, 'Shipment Details!D9');
+  }
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.ts
new file mode 100644
index 000000000..8573c002a
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/conditional-formatting-cs1/src/app.ts
@@ -0,0 +1,56 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { conditionalFormatData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
+                <e-sheets>
+                  <e-sheet name="Car Sales Record">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-conditionalformats>
+                      <e-conditionalformat type="GreaterThan" cFColor="RedFT" value="700" range="B2:B9"></e-conditionalformat>
+                      <e-conditionalformat type="Bottom10Items" cFColor="YellowFT" value="4" range="C2:C9"></e-conditionalformat>
+                      <e-conditionalformat type="BlueDataBar" range="D2:D9"></e-conditionalformat>
+                    </e-conditionalformats>
+                    <e-columns>
+                      <e-column [index]=1 [width]=120></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = conditionalFormatData;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:N1');
+        this.spreadsheetObj!.conditionalFormat({ type: 'RYGColorScale', range: 'E2:E9' });
+        this.spreadsheetObj!.conditionalFormat({ type: 'ThreeArrows', range: 'H2:H9' });
+        //Custom Format
+        this.spreadsheetObj!.conditionalFormat({ type: 'Top10Items', value: '1',
+            format: { style: { color: '#ffffff', backgroundColor: '#009999', fontWeight: 'bold'}}, range: 'F2:F9' });
+        this.spreadsheetObj!.conditionalFormat({ type: 'Bottom10Items', value: '1',
+            format: { style: { color: '#ffffff', backgroundColor: '#c68d53', fontWeight: 'bold'}}, range: 'G2:G9' });
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.ts
new file mode 100644
index 000000000..cca94cebb
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu-cs1/src/app.ts
@@ -0,0 +1,41 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { closest } from '@syncfusion/ej2-base';
+import { BeforeOpenCloseMenuEventArgs } from '@syncfusion/ej2-navigations';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)='contextMenuBeforeOpen($event)'></ejs-spreadsheet>"
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+  contextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs) {
+    if (closest(args.event.target as Element, '.e-sheet-content')) {
+      console.log('Cell Context Menu');
+    } else if (closest(args.event.target as Element, '.e-colhdr-table')) {
+      console.log('Column Header Context Menu');
+    } else if (closest(args.event.target as Element, '.e-rowhdr-table')) {
+      console.log('Row Header Context Menu');
+    } else if (closest(args.event.target as Element, '.e-toolbar-item')) {
+      console.log('Footer Context Menu');
+    }
+  }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.ts
new file mode 100644
index 000000000..1b429b681
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs1/src/app.ts
@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+    imports: [
+        SpreadsheetAllModule
+    ],
+    standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen($event)">
+              </ejs-spreadsheet>`
+})
+
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    public spreadsheetObj: SpreadsheetComponent | undefined;
+
+    contextMenuBeforeOpen(args: any) {
+        if (args.element.id === this.spreadsheetObj!.element.id + '_contextmenu') {
+            // To add context menu items.
+            this.spreadsheetObj!.addContextMenuItems([{ text: 'Custom Item' }], 'Paste Special', false); //To pass the items, Item before / after that the element to be inserted, Set false if the items need to be inserted before the text.
+        }
+    }
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.ts
new file mode 100644
index 000000000..c94e3c6a4
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs2/src/app.ts
@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen()">
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+     contextMenuBeforeOpen() {
+        // To add context menu items.
+      this.spreadsheetObj!.removeContextMenuItems(["Insert Column"], false); //Items that needs to be removed, Set `true` if the given `text` is a unique id.
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.ts
new file mode 100644
index 000000000..659de02a0
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/contextmenu/addContextMenu-cs3/src/app.ts
@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen()">
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+     contextMenuBeforeOpen() {
+        // To add context menu items.
+      this.spreadsheetObj!.enableContextMenuItems(['Rename'], false, false); // Contextmenu Items that needs to be enabled / disabled, Set true / false to enable / disable the menu items, Set true if the given text is a unique id.
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.ts
new file mode 100644
index 000000000..dc2ce9c41
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/custom-sort-cs1/src/app.ts
@@ -0,0 +1,51 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { tradeData } from './datasource';
+import { DataManager, DataUtil } from '@syncfusion/ej2-data';
+import { SpreadsheetComponent, CellModel } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()' (sortComplete)='sortComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    public tradeData?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.tradeData = tradeData;
+    }
+    dataBound(){
+        if (this.spreadsheetObj!.activeSheetIndex === 0) {
+            this.spreadsheetObj!.sort({sortDescriptors: { field: 'F',  sortComparer: this.mySortComparer }, containsHeader: true}, 'A1:H20');
+        }
+    };
+    sortComplete (args : any) {
+        this.spreadsheetObj!.selectRange(args.range);
+        // code here.
+    }
+
+
+mySortComparer(x: CellModel, y: CellModel): number {
+// custom sort comparer to sort based on the custom list.
+   let customList: string[] = ['Perfect', 'Sufficient', 'Insufficient'];
+    let comparer: Function = DataUtil.fnSort('Ascending');
+    return comparer(x ? customList.indexOf((x as any).value) : x, y ? customList.indexOf((y as any).value) : y);
+};
+
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.ts
new file mode 100644
index 000000000..6e76eb5e0
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs1/src/app.ts
@@ -0,0 +1,126 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { conditionalFormatData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #default [openUrl]="openUrl" [saveUrl]="saveUrl" (created)="created()">
+        <e-sheets>
+            <e-sheet name="PriceDetails" >
+                <e-rows>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="Seller Name" [style]="style"></e-cell>
+                            <e-cell value="Customer Id" [style]="style"></e-cell>
+                            <e-cell value="Customer Name" [style]="style"></e-cell>
+                            <e-cell value="Product Name" [style]="style"></e-cell>
+                             <e-cell value="Product Price" [style]="style"></e-cell>
+                            <e-cell value="Sales Date" [style]="style"></e-cell>
+                            <e-cell value="Billing Time" [style]="style"></e-cell>
+                            <e-cell value="Total Price" [style]="style"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="John"></e-cell>
+                            <e-cell value="1" [validation]="validation"></e-cell>
+                            <e-cell value="Nash"></e-cell>
+                            <e-cell value="Digger" [validation]="listValidation"></e-cell>
+                            <e-cell value="50000" [validation]="listValidation1"></e-cell>
+                            <e-cell value="04/11/2019"></e-cell>
+                            <e-cell value="11:34:32 AM"></e-cell>
+                            <e-cell value="1,45,000.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="Mike"></e-cell>
+                            <e-cell value="2" [validation]="validation"></e-cell>
+                            <e-cell value="Jim" ></e-cell>
+                            <e-cell value="Cherrypicker" [validation]="listValidation2"></e-cell>
+                            <e-cell value="45000" [validation]="validation"></e-cell>
+                            <e-cell value="04/11/2019"></e-cell>
+                            <e-cell value="10:15:00 AM"></e-cell>
+                            <e-cell value="1,40,040.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="shane"></e-cell>
+                            <e-cell value="3" [validation]="validation"></e-cell>
+                            <e-cell value="Sean"></e-cell>
+                            <e-cell value="Kango" [validation]="validation3"></e-cell>
+                            <e-cell value="450" [validation]="validation4"></e-cell>
+                            <e-cell value="06/25/2019"></e-cell>
+                            <e-cell value="01:30:11 PM"></e-cell>
+                            <e-cell value="545.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="John"></e-cell>
+                            <e-cell value="1" [validation]="validation"></e-cell>
+                            <e-cell value="Nash"></e-cell>
+                            <e-cell value="JCB" [validation]="validation5"></e-cell>
+                            <e-cell value="90000" [validation]="validation6"></e-cell>
+                            <e-cell value="09/22/2019"></e-cell>
+                            <e-cell value="12:30:02 PM"></e-cell>
+                            <e-cell value="1,00,095.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-columns>
+                    <e-column [width]=88></e-column>
+                    <e-column [width]=88></e-column>
+                    <e-column [width]=106></e-column>
+                    <e-column [width]=98></e-column>
+                    <e-column [width]=88></e-column>
+                    <e-column [width]=86></e-column>
+                    <e-column [width]=81></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('default')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    public style: any = { fontWeight: "bold", textAlign: "center" };
+    public validation = { type: 'WholeNumber', operator: 'NotEqualTo', value1: '1' };
+    public listValidation = { type: 'List', value1: 'Digger, Digger, Cherrypicker' };
+    public listValidation1 = { type: 'List', value1: '50000,50000,45000' };
+    public listValidation2 = { type: 'List', value1: 'Cherrypicker, JCB, Wheelbarrow' };
+    public validation2 = { type: 'List', value1: '45000,90000,40' };
+    public validation3 = { type: 'List', value1: 'Kango, Ropes' };
+    public validation4 = { type: 'List', value1: '450, 95' };
+    public validation5 = { type: 'List', value1: 'JCB, Ropes, scaffolding' };
+    public validation6 = { type: 'List', value1: '90000, 95, 10000' };
+openUrl: any;
+saveUrl: any;
+    created() {
+      //Add Data validation to range.
+      this.spreadsheetObj!.addDataValidation({ type: 'TextLength', operator: 'LessThanOrEqualTo', value1: '4' }, 'A2:A5');
+      this.spreadsheetObj!.addDataValidation({ type: 'WholeNumber', operator: 'NotEqualTo', value1: '1' }, 'B2:B5');
+      this.spreadsheetObj!.addDataValidation({ type: 'Date', operator: 'NotEqualTo', value1: '04/11/2019' }, 'F2:F5');
+      this.spreadsheetObj!.addDataValidation({ type: 'Time', operator: 'Between', value1: '10:00:00 AM', value2: '11:00:00 AM' }, 'G2:G5');
+      this.spreadsheetObj!.addDataValidation({ type: 'Decimal', operator: 'LessThan', value1: '100000.00' }, 'H2:H5');
+      //Highlight Invalid Data.
+      this.spreadsheetObj!.addInvalidHighlight('A1:H5');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.ts
new file mode 100644
index 000000000..c6cf86cd0
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/data-validation-cs2/src/app.ts
@@ -0,0 +1,91 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [SpreadsheetAllModule],
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #default [openUrl]="openUrl" [saveUrl]="saveUrl" (created)="created()">
+        <e-sheets>
+            <e-sheet name="PriceDetails" >
+                <e-rows>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="Seller Name" [style]="style"></e-cell>
+                            <e-cell value="Customer Id" [style]="style"></e-cell>
+                            <e-cell value="Customer Name" [style]="style"></e-cell>
+                            <e-cell value="Product Name" [style]="style"></e-cell>
+                             <e-cell value="Product Price" [style]="style"></e-cell>
+                            <e-cell value="Total Price" [style]="style"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="John"></e-cell>
+                            <e-cell value="101"></e-cell>
+                            <e-cell value="Nash"></e-cell>
+                            <e-cell value="Digger"></e-cell>
+                            <e-cell value="50000"></e-cell>
+                            <e-cell value="1,45,000.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="Mike"></e-cell>
+                            <e-cell value="25"></e-cell>
+                            <e-cell value="Jim"></e-cell>
+                            <e-cell value="Cherrypicker"></e-cell>
+                            <e-cell value="45000"></e-cell>
+                            <e-cell value="1,40,040.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="shane"></e-cell>
+                            <e-cell value="35"></e-cell>
+                            <e-cell value="Sean"></e-cell>
+                            <e-cell value="Kango"></e-cell>
+                            <e-cell value="35000"></e-cell>
+                            <e-cell value="1,54,500.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row>
+                        <e-cells>
+                            <e-cell value="John"></e-cell>
+                            <e-cell value="101"></e-cell>
+                            <e-cell value="Nash"></e-cell>
+                            <e-cell value="JCB"></e-cell>
+                            <e-cell value="90000"></e-cell>
+                            <e-cell value="1,00,095.00"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-columns>
+                    <e-column [width]=88></e-column>
+                    <e-column [width]=88></e-column>
+                    <e-column [width]=106></e-column>
+                    <e-column [width]=98></e-column>
+                    <e-column [width]=81></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('default')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+    public style: any = { fontWeight: "bold", textAlign: "center" };
+openUrl: any;
+saveUrl: any;
+    created() {
+      //Add Data validation to range.
+      this.spreadsheetObj!.addDataValidation({ type: 'Custom', value1: '=AND(B2>10, B2<100)' }, 'E2:E5');
+      //Highlight Invalid Data.
+      this.spreadsheetObj!.addInvalidHighlight('E2:E5');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.ts
new file mode 100644
index 000000000..90797124d
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/defined-name-cs1/src/app.ts
@@ -0,0 +1,109 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (beforeDataBound)="beforeDataBound()" [showRibbon]="false" [showSheetTabs]="false">
+                <e-definednames>
+                  <!-- Setting names for 'categories', 'monthly spendings' and 'annual spendings' ranges. -->
+                  <e-definedname name="Categories" refersTo="=Budget Details!A3:A11"></e-definedname>
+                  <e-definedname name="MonthlySpendings" refersTo="=Budget Details!B3:B11"></e-definedname>
+                  <e-definedname name="AnnualSpendings" refersTo="=Budget Details!C3:C11"></e-definedname>
+                </e-definednames>
+                <e-sheets>
+                  <e-sheet name="Budget Details">
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A2"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=40 [customHeight]="true">
+                        <e-cells>
+                          <e-cell value="Monthly Expense" [colSpan]=5 [style]="{ textAlign: 'center', fontWeight: 'bold', verticalAlign: 'middle', fontStyle: 'italic', fontSize: '15pt' }"></e-cell>
+                          <e-cell formula="=SUM(E2:E10)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [index]=11>
+                        <e-cells>
+                          <e-cell value="Totals" [style]="{ fontStyle: 'italic', fontWeight: 'bold' }"></e-cell>
+                          <!-- Initializing the formulas using defined names. -->
+                          <e-cell formula="=SUM(MonthlySpendings)"></e-cell>
+                          <e-cell formula="=SUM(AnnualSpendings)"></e-cell>
+                          <e-cell formula="=SUM(LastYearSpendings)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Number of Categories" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=COUNTA(Categories)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Average Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=AVERAGE(MonthlySpendings)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Min Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=MIN(MonthlySpendings)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Max Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=Max(MonthlySpendings)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    beforeDataBound() {
+        // Adding name dynamically for `last year spending` and `percentage change` ranges.
+        this.spreadsheetObj!.addDefinedName({ name: 'LastYearSpendings', refersTo: '=D3:D11' });
+        this.spreadsheetObj!.addDefinedName({ name: 'PercentageChange', refersTo: '=E3:E11' });
+    }
+
+    created() {
+        // Removing the unwanted `PercentageChange` named range
+        this.spreadsheetObj!.removeDefinedName('PercentageChange', '');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A2:E2');
+        this.spreadsheetObj!.numberFormat('$#,##0', 'B3:D12');
+        this.spreadsheetObj!.numberFormat('0%', 'E3:E12');
+        this.spreadsheetObj!.setRowHeight(30,1);
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.ts
new file mode 100644
index 000000000..e3faaff35
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/delete/row-column-cs1/src/app.ts
@@ -0,0 +1,74 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [allowDelete]="true"
+                [showRibbon]="false">
+                <e-sheets>
+                  <e-sheet name="Sheet1">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=220></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <e-sheet name="Sheet2">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=220></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        // deleting the rows from 8th to 10th index. To delete row, the third argument of enum type is passed as 'Row', the last argument specifies the sheet name or index in which the delete operation will perform. By default,active sheet will be considered. It is applicable only for model type Row and Column.
+        this.spreadsheetObj!.delete(8, 10, 'Row', 0); // startIndex, endIndex, Row, sheet index
+        // deleting the 2nd and 5th indexed columns
+        this.spreadsheetObj!.delete(2, 2, 'Column', 'Sheet2');
+        this.spreadsheetObj!.delete(5, 5, 'Column');
+        this.spreadsheetObj!.delete(0, 0, "Sheet"); // delete the first sheet. sheet index starts from 0
+        // Applies style formatting after deleted the rows and columns
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:A8');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:G8');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.ts
new file mode 100644
index 000000000..d84180ec5
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs1/src/app.ts
@@ -0,0 +1,83 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild, ViewEncapsulation } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { DataSourceChangedEventArgs } from '@syncfusion/ej2-spreadsheet';
+import { data, itemData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<div>
+    <div>
+    <button class='e-btn' style="margin-bottom: 10px;" (click)='changeDataSource()'>Change Datasource</button>
+    <ejs-spreadsheet #spreadsheet (dataSourceChanged)='dataSourceChanged($event)' [showRibbon]='false'>
+    <e-sheets>
+     <e-sheet>
+        <e-ranges><e-range [dataSource]='data'></e-range></e-ranges>
+        <e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns>
+      </e-sheet>
+      </e-sheets>
+      </ejs-spreadsheet>
+         </div>
+         <div>
+            <h4><b>Event Trace</b></h4>
+            <div id="evt">
+               <div style="height:173px;overflow: auto;min-width: 250px;">
+                  <span #EventLog class="EventLog" id="EventLog" style="word-break: normal;"></span>
+                </div>
+                <button class='e-btn' (click)='clearTrace()'>Clear</button>
+                </div>
+            </div>
+        </div>`,
+        styles: [`
+       #EventLog b {
+         color: #388e3c;
+        }
+       #evt {
+         border: 1px solid #dcdcdc;
+         padding: 10px;
+       }
+        `],
+        encapsulation: ViewEncapsulation.None
+
+})
+export class AppComponent {
+    public data: object[] = data;
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    @ViewChild('EventLog') EventLogEle: any;
+
+    dataSourceChanged(args: DataSourceChangedEventArgs): void {
+        this.appendElement("Data source changed with" + "<b>&nbsp;" + args.action + "</b> action<hr>");
+    }
+
+    changeDataSource(): void {
+      this.data = itemData;
+      // You can also change the datasource of the range by changing dataSource property of the range by using below line of code.
+      // this.spreadsheetObj.sheets[0].ranges[0].dataSource = itemData;
+    }
+
+    clearTrace(): void {
+      this.EventLogEle.nativeElement.innerHTML = "";
+    }
+
+   appendElement(html: string): void {
+     let span: HTMLElement = document.createElement("span");
+     span.innerHTML = html;
+     let log: HTMLElement = this.EventLogEle.nativeElement;
+     log.insertBefore(span, log.firstChild);
+   }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.ts
new file mode 100644
index 000000000..196fa40fe
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/dynamic-data-binding-cs2/src/app.ts
@@ -0,0 +1,133 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { defaultData } from './datasource';
+import { SpreadsheetComponent, SheetModel, getRangeIndexes, getSwapRange, getRangeAddress, CellModel, RangeModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+
+@Component({
+    selector: 'app-container',
+    template: `<button class="e-btn custom-btn" (click)="updateDataCollection()">Update Dynamic Data</button>
+    <ejs-spreadsheet #spreadsheet (created)='created()'> 
+        <e-sheets> 
+            <e-sheet> 
+                <e-ranges> 
+                    <e-range [dataSource]='dataSource'>
+                    </e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=120></e-column>
+                    <e-column [width]=100></e-column>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=120></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+
+export class AppComponent implements OnInit {
+    public dataSource?: object[];
+    @ViewChild('spreadsheet')
+    public spreadsheetObj!: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.dataSource = defaultData;
+    }
+    created() {
+        // Applies cell formatting to specified range of the active sheet.
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
+    };
+    updateDataCollection(): void {
+        const newDataCollection: RangeModel = {
+            dataSource: [
+                {
+                    'Payment Mode': 'Debit Card',
+                    'Delivery Date': '07/11/2015',
+                    'Amount': '8529.22',
+                },
+                {
+                    'Payment Mode': 'Cash On Delivery',
+                    'Delivery Date': '7/13/2016',
+                    'Amount': '17866.19',
+                },
+                {
+                    'Payment Mode': 'Net Banking',
+                    'Delivery Date': '09/04/2015',
+                    'Amount': '13853.09',
+                },
+                {
+                    'Payment Mode': 'Credit Card',
+                    'Delivery Date': '12/15/2017',
+                    'Amount': '2338.74',
+                },
+                {
+                    'Payment Mode': 'Credit Card',
+                    'Delivery Date': '10/08/2014',
+                    'Amount': '9578.45',
+                },
+                {
+                    'Payment Mode': 'Cash On Delivery',
+                    'Delivery Date': '7/01/2017',
+                    'Amount': '19141.62',
+                },
+                {
+                    'Payment Mode': 'Credit Card',
+                    'Delivery Date': '12/20/2015',
+                    'Amount': '6543.30',
+                },
+                {
+                    'Payment Mode': 'Credit Card',
+                    'Delivery Date': '11/24/2014',
+                    'Amount': '13035.06',
+                },
+                {
+                    'Payment Mode': 'Debit Card',
+                    'Delivery Date': '05/12/2014',
+                    'Amount': '18488.80',
+                },
+                {
+                    'Payment Mode': 'Net Banking',
+                    'Delivery Date': '12/30/2014',
+                    'Amount': '12317.04',
+                },
+                {
+                    'Payment Mode': 'Credit Card',
+                    'Delivery Date': '12/18/2013',
+                    'Amount': '6230.13',
+                },
+                {
+                    'Payment Mode': 'Cash On Delivery',
+                    'Delivery Date': '02/02/2015',
+                    'Amount': '9709.49',
+                },
+                {
+                    'Payment Mode': 'Debit Card',
+                    'Delivery Date': '11/19/2014',
+                    'Amount': '9766.10',
+                },
+                {
+                    'Payment Mode': 'Net Banking',
+                    'Delivery Date': '02/08/2014',
+                    'Amount': '7685.49',
+                },
+                {
+                    'Payment Mode': 'Debit Card',
+                    'Delivery Date': '08/05/2016',
+                    'Amount': '18012.45',
+                },
+                {
+                    'Payment Mode': 'Credit Card',
+                    'Delivery Date': '05/30/2016',
+                    'Amount': '2785.49',
+                },
+                {
+                    'Payment Mode': 'Debit Card',
+                    'Delivery Date': '12/10/2016',
+                    'Amount': '9967.74',
+                },
+            ],
+            startCell: 'D1',
+        }
+        this.spreadsheetObj.updateRange(newDataCollection,0)
+    }
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.ts
new file mode 100644
index 000000000..291e61a38
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/editing-cs1/src/app.ts
@@ -0,0 +1,79 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, CellEditEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (cellEdit)="cellEdit($event)" (beforeCellSave)="beforeCellSave($event)" [showSheetTabs]="false" [showRibbon]="false">
+                <e-sheets>
+                  <e-sheet selectedRange="E11">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=180></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [index]=10>
+                        <e-cells>
+                          <e-cell [index]=3 value="Total Amount:" [style]="{ fontWeight: 'bold' }"></e-cell>
+                          <e-cell formula="=SUM(E2:E10)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:E1');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:A10');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'C2:C10');
+        this.spreadsheetObj!.numberFormat('$#,##0.00', 'D2:D10');
+        this.spreadsheetObj!.numberFormat('$#,##0.00', 'E2:E11');
+    }
+
+    // Triggers before going to the editing mode.
+    cellEdit(args: CellEditEventArgs): void {
+        // Preventing the editing in 5th(Amount) column.
+        if (args.address.includes('E')) { args.cancel = true; }
+    }
+
+    // Trigger before saving the edited cell content.
+    beforeCellSave(args: CellEditEventArgs): void {
+        // Prevent saving the edited changes in 4th(Rate) column.
+        if (args.address.includes('D')) {
+            args.cancel = true;
+            // Manually removes the editable state without saving the changes. Use `endEdit` method if you want to save the changes.
+            this.spreadsheetObj!.closeEdit();
+        }
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.ts
new file mode 100644
index 000000000..ab58c34ca
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/field-mapping-cs1/src/app.ts
@@ -0,0 +1,45 @@
+import { NgModule, ViewChild } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component } from '@angular/core';
+import { getDefaultData } from './datasource';
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet [openUrl]="openUrl" [saveUrl]="saveUrl">
+    <e-sheets>
+      <e-sheet name="Car Sales Report">
+        <e-ranges>
+          <e-range [dataSource]="data" [fieldsOrder]="fieldsOrder"></e-range>
+        </e-ranges>
+        <e-columns>
+          <e-column [width]="180"></e-column>
+          <e-column [width]="130"></e-column>
+          <e-column [width]="130"></e-column>
+          <e-column [width]="180"></e-column>
+          <e-column [width]="130"></e-column>
+          <e-column [width]="120"></e-column>
+        </e-columns>
+      </e-sheet>
+    </e-sheets>
+  </ejs-spreadsheet>`
+})
+export class AppComponent {
+  constructor() {
+
+  }
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+  public data: Object[] = getDefaultData();
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+  
+  public fieldsOrder: string[] = ['Customer Name', 'Payment Mode', 'Model', 'Color', 'Amount', 'Delivery Date'];
+
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.ts
new file mode 100644
index 000000000..639938979
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs1/src/app.ts
@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { tradeData } from './datasource';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    public tradeData?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.tradeData = tradeData;
+    }
+    dataBound(){
+         if (this.spreadsheetObj!.activeSheetIndex === 0) {
+            let departments: string[] = ['Sweden', 'Canada', 'UK'];
+            let predicateList: any[] = []
+            departments.forEach((department: string) => { predicateList.push({ field: 'D', predicate: 'or', operator: 'equal', value: department }); })
+            this.spreadsheetObj!.applyFilter(predicateList);
+        }
+    };
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.ts
new file mode 100644
index 000000000..6c9814b39
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/filter-cs2/src/app.ts
@@ -0,0 +1,70 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { defaultData } from './datasource';
+import { PredicateModel } from '@syncfusion/ej2-grids';
+import { ExtendedRowModel, SpreadsheetComponent, UsedRangeModel, SheetModel } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<button class="e-btn custom-btn" (click)="onClick()">Get Filtered Rows</button>
+    <ejs-spreadsheet #spreadsheet (created)='created()'> 
+        <e-sheets> 
+            <e-sheet> 
+                <e-ranges> 
+                    <e-range [dataSource]='filterData'>
+                    </e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=120></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+
+export class AppComponent implements OnInit {
+    public filterData?: object[];
+    @ViewChild('spreadsheet')
+    public spreadsheetObj!: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.filterData = defaultData;
+    }
+    created() {
+        // Applies cell formatting to specified range of the active sheet.
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
+        // Construct the predicate model to be updated to the data.
+        let predicates: PredicateModel[] = [{
+            field: 'C',
+            operator: 'equal',
+            value: 'Pink',
+            matchCase: false
+        }];
+        // Apply filter to the specified range.
+        this.spreadsheetObj.applyFilter(predicates, 'A1:C7');
+    };
+    onClick(): void {
+        let activeSheet: SheetModel = this.spreadsheetObj.getActiveSheet();
+        let usedRange: UsedRangeModel = activeSheet.usedRange!;
+        for (let i: number = 0; i <= usedRange.rowIndex!; i++) {
+            // Get the filtered row using isFiltered property.
+            let filteredRow: Object = (activeSheet.rows![i] as ExtendedRowModel).isFiltered!;
+            if (!filteredRow) {
+                let rowData: Object = this.spreadsheetObj.getRowData(i);
+                console.log("Row:", i + 1, "Cells", rowData);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.ts
new file mode 100644
index 000000000..e58847eba
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/find-context-menu-cs1/src/app.ts
@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { closest } from '@syncfusion/ej2-base';
+import { BeforeOpenCloseMenuEventArgs } from '@syncfusion/ej2-navigations';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen($event)"></ejs-spreadsheet>"
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+    contextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs) {
+        if (closest(args.event.target as Element, '.e-sheet-content')) {
+            console.log('Cell Context Menu');
+        } else if (closest(args.event.target as Element, '.e-colhdr-table')) {
+            console.log('Column Header Context Menu');
+        } else if (closest(args.event.target as Element, '.e-rowhdr-table')) {
+            console.log('Row Header Context Menu');
+        } else if (closest(args.event.target as Element, '.e-toolbar-item')) {
+            console.log('Footer Context Menu');
+        }
+    }
+};
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.ts
new file mode 100644
index 000000000..e5af832d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/find-target-context-menu/app/app.ts
@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { closest } from '@syncfusion/ej2-base';
+import { BeforeOpenCloseMenuEventArgs } from '@syncfusion/ej2-navigations';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (contextMenuBeforeOpen)="contextMenuBeforeOpen($event)"></ejs-spreadsheet>`
+})
+
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  spreadsheetObj: SpreadsheetComponent | undefined;
+  contextMenuBeforeOpen(args: BeforeOpenCloseMenuEventArgs){
+    if (closest(args.event.target as Element, '.e-sheet-content')) {
+      console.log('Cell Context Menu');
+    } else if (closest(args.event.target as Element, '.e-colhdr-table')) {
+      console.log('Column Header Context Menu');
+    } else if (closest(args.event.target as Element, '.e-rowhdr-table')) {
+      console.log('Row Header Context Menu');
+    } else if (closest(args.event.target as Element, '.e-toolbar-item')) {
+      console.log('Footer Context Menu');
+    }
+  }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.ts
new file mode 100644
index 000000000..dfe1c64b0
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/format/globalization-cs1/src/app.ts
@@ -0,0 +1,155 @@
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component, ViewChild } from '@angular/core';
+import { loadCldr, setCulture, setCurrencyCode, Fetch } from '@syncfusion/ej2-base';
+import { SpreadsheetComponent, getFormatFromType, configureLocalizedFormat, FormatOption } from '@syncfusion/ej2-angular-spreadsheet';
+import { ChangeEventArgs, DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';
+import { data } from './datasource';
+
+// Loading the culture-related files.
+const loadCultureFiles: (locales: string[]) => void = (locales: string[]): void => {
+    const files: string[] = ['ca-gregorian', 'numbers', 'timeZoneNames', 'currencies', 'numberingSystems'];
+    locales.forEach((locale: string) => {
+        for (const fileName of files) {
+            const url: string = `./cldr-data/${fileName === 'numberingSystems' ? '' : `${locale}/`}${fileName}.json`;
+            const fetch: Fetch = new Fetch(url, 'GET');
+            fetch.onSuccess = (value: string) => loadCldr((value));
+            fetch.send();
+        }
+    });
+}
+loadCultureFiles(['de', 'fr-CH', 'zh']);
+
+const localeFormats: { [key: string]: FormatOption[] } = {
+    'de': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' },
+    { id: 39, code: '#,##0.00;-#,##0.00' }, { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "€";-#,##0 "€"' },
+    { id: 6, code: '#,##0 "€";[Red]-#,##0 "€"' }, { id: 7, code: '#,##0.00 "€";-#,##0.00 "€"' },
+    { id: 8, code: '#,##0.00 "€";[Red]-#,##0.00 "€"' }, { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' },
+    { id: 42, code: '_-* #,##0 "€"_-;-* #,##0 "€"_-;_-* "-" "€"_-;_-@_-' },
+    { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' },
+    { id: 44, code: '_-* #,##0.00 "€"_-;-* #,##0.00 "€"_-;_-* "-"?? "€"_-;_-@_-' },
+    { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd. MMM yy' }, { id: 16, code: 'dd. MMM' }, { id: 17, code: 'MMM yy' },
+    { id: 20, code: 'hh:mm' }, { id: 21, code: 'hh:mm:ss' }, { id: 22, code: 'dd.MM.yyyy hh:mm' }],
+    'zh': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' }, { id: 39, code: '#,##0.00;-#,##0.00' },
+    { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '"¥"#,##0;"¥"-#,##0' }, { id: 6, code: '"¥"#,##0;[Red]"¥"-#,##0' },
+    { id: 7, code: '"¥"#,##0.00;"¥"-#,##0.00' }, { id: 8, code: '"¥"#,##0.00;[Red]"¥"-#,##0.00' },
+    { id: 41, code: '_ * #,##0_ ;_ * -#,##0_ ;_ * "-"_ ;_ @_' }, { id: 42, code: '_ "¥"* #,##0_ ;_ "¥"* -#,##0_ ;_ "¥"* "-"_ ;_ @_' },
+    { id: 43, code: '_ * #,##0.00_ ;_ * -#,##0.00_ ;_ * "-"??_ ;_ @_' },
+    { id: 44, code: '_ "¥"* #,##0.00_ ;_ "¥"* -#,##0.00_ ;_ "¥"* "-"??_ ;_ @_' },
+    { id: 14, code: 'yyyy/m/d' }, { id: 22, code: 'yyyy/m/d h:mm' }],
+    'fr-CH': [{ id: 37, code: '#,##0;-#,##0' }, { id: 38, code: '#,##0;[Red]-#,##0' }, { id: 39, code: '#,##0.00;-#,##0.00' },
+    { id: 40, code: '#,##0.00;[Red]-#,##0.00' }, { id: 5, code: '#,##0 "CHF";-#,##0 "CHF"' },
+    { id: 6, code: '#,##0 "CHF";[Red]-#,##0 "CHF"' }, { id: 7, code: '#,##0.00 "CHF";-#,##0.00 "CHF"' },
+    { id: 8, code: '#,##0.00 "CHF";[Red]-#,##0.00 "CHF"' }, { id: 14, code: 'dd.MM.yyyy' }, { id: 15, code: 'dd.MMM.yy' },
+    { id: 16, code: 'dd.MMM' }, { id: 17, code: 'MMM.yy' }, { id: 20, code: 'HH:mm' }, { id: 21, code: 'HH:mm:ss' },
+    { id: 22, code: 'dd.MM.yyyy HH:mm' }, { id: 42, code: '_-* #,##0 "CHF"_-;-* #,##0 "CHF"_-;_-* "-" "CHF"_-;_-@_-' },
+    { id: 44, code: '_-* #,##0.00 "CHF"_-;-* #,##0.00 "CHF"_-;_-* "-"?? "CHF"_-;_-@_-' },
+    { id: 41, code: '_-* #,##0_-;-* #,##0_-;_-* "-"_-;_-@_-' }, { id: 43, code: '_-* #,##0.00_-;-* #,##0.00_-;_-* "-"??_-;_-@_-' }
+    ],
+    'en-US': []
+};
+
+// Setting German culture.
+setCulture('de');
+// Setting currency code for the German culture.
+setCurrencyCode('EUR');
+
+@Component({
+    imports: [
+        SpreadsheetAllModule, DropDownListModule
+    ],
+    standalone: true,
+    selector: 'app-container',
+    template: `
+    <ejs-dropdownlist id='ddlelement' #samples [index]='index' [width]='width' [dataSource]='cultureList' [fields]='fields' [popupHeight]='popupHeight' [placeholder]='placeholder' (change)="change($event)"></ejs-dropdownlist>
+    <ejs-spreadsheet #spreadsheet locale='de' listSeparator=';' (created)='created()'>
+                    <e-sheets>
+                        <e-sheet>
+                            <e-ranges>
+                                <e-range [dataSource]='dataSource'></e-range>
+                            </e-ranges>
+                            <e-columns>
+                                <e-column [width]=120></e-column>
+                                <e-column [width]=180></e-column>
+                                <e-column [width]=100></e-column>
+                                <e-column [width]=120></e-column>
+                                <e-column [width]=120></e-column>
+                            </e-columns>
+                        </e-sheet>
+                    </e-sheets>
+                </ejs-spreadsheet>`
+})
+
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    public spreadsheetObj!: SpreadsheetComponent;
+    public dataSource: Object[] = data;
+    public index: number = 0;
+    public popupHeight: string = '200px';
+    public width: string = '150px';
+    public placeholder: string = 'Select a Locale';
+    public cultureList: { [key: string]: Object }[] = [
+        { Culture: 'German - Germany', localeOption: 'de EUR ;' },
+        { Culture: 'French - Switzerland', localeOption: 'fr-CH CHF ;' },
+        { Culture: 'Chinese - China', localeOption: 'zh CNY ,' },
+        { Culture: 'English', localeOption: 'en-US USD ,' }
+    ];
+    // maps the appropriate column to fields property
+    public fields: Object = { text: 'Culture', value: 'localeOption' };
+
+    created(): void {
+        this.spreadsheetObj.cellFormat({ textAlign: 'center', fontWeight: 'bold' }, 'A1:H1');
+        // Mapping default number formats for the German ('de') locale after the spreadsheet is created in the created event.
+        configureLocalizedFormat(this.spreadsheetObj, localeFormats['de']);
+        // You need to invoke a refresh if the formats are configured after the spreadsheet component has been created.
+        setTimeout(()=>{
+            this.spreadsheetObj.refresh();
+        });
+        this.applyFormats(); 
+    }
+
+    change(args: ChangeEventArgs): void {
+        const localeOption: string[] = (args.value as string).split(' ');
+        // Setting the culture name like 'de', 'fr-CH', 'zh', and 'en-US'.
+        const cultureName: string = localeOption[0];
+        setCulture(cultureName);
+        // Setting the currency code for the selected locale like 'EUR', 'CNY', 'CHF', and 'USD'.
+        setCurrencyCode(localeOption[1]);
+        // Mapping the default number format codes for the selected locale.
+        configureLocalizedFormat(this.spreadsheetObj, localeFormats[cultureName]);
+        // Setting the culture for the spreadsheet.
+        this.spreadsheetObj.locale = cultureName;
+        // Setting the list separator for the selected locale.
+        this.spreadsheetObj.listSeparator = localeOption[2];
+        // Refreshing the changes immediately in the spreadsheet.
+        this.spreadsheetObj.dataBind();
+        this.applyFormats();
+    }
+
+    applyFormats(): void {
+        // Apply format to the specified range in the active sheet.
+        // The getFormatFromType method returns the culture-based format code based on the mapped formats.
+        // If a format ID is not mapped or is not applicable, it will return the format code based on the loaded culture.
+        // For 'en-US' (English) culture, the format code will be 'm/d/yyyy'.
+        // For 'de' (German) culture, the format code will be 'dd.MM.yyyy'.
+        // For 'fr-CH' (French-Switzerland) culture, the format code will be 'dd.MM.yyyy'.
+        // For 'zh' (Chinese) culture, the format code will be 'yyyy/m/d'.
+        this.spreadsheetObj.numberFormat(getFormatFromType('ShortDate'), 'B2:B11');
+        // For 'en-US' (English) culture, the format code will be 'h:mm:ss AM/PM'.
+        // For 'de' (German) culture, the format code will be 'HH:mm:ss'.
+        // For 'fr-CH' (French-Switzerland) culture, the format code will be 'HH:mm:ss'.
+        // For 'zh' (Chinese) culture, the format code will be 'h:mm:ss AM/PM'.
+        this.spreadsheetObj.numberFormat(getFormatFromType('Time'), 'C2:C11');
+        // For 'en-US' (English) culture, the format code will be '$#,##0.00'.
+        // For 'de' (German) culture, the format code will be '#,##0.00 "€"'.
+        // For 'fr-CH' (French-Switzerland) culture, the format code will be '#,##0.00 "CHF"'.
+        // For 'zh' (Chinese) culture, the format code will be '"¥"#,##0.00'.
+        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'E2:F11');
+        // For 'en-US' (English) culture, the format code will be '_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)'.
+        // For 'de' (German) culture, the format code will be '_-* #,##0.00 "€"_-;-* #,##0.00 "€"_-;_-* "-"?? "€"_-;_-@_-'.
+        // For 'fr-CH' (French-Switzerland) culture, the format code will be '_-* #,##0.00 "CHF"_-;-* #,##0.00 "CHF"_-;_-* "-"?? "CHF"_-;_-@_-'
+        // For 'zh' (Chinese) culture, the format code will be '_ "¥"* #,##0.00_ ;_ "¥"* -#,##0.00_ ;_ "¥"* "-"??_ ;_ @_'
+        this.spreadsheetObj.numberFormat(getFormatFromType('Accounting'), 'H2:H11');
+        // The percentage format code will be '0.00%' for all the cultures.
+        this.spreadsheetObj.numberFormat('0.00%', 'G2:G11');
+    }
+};
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.ts
new file mode 100644
index 000000000..cd9438b26
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs1/src/app.ts
@@ -0,0 +1,82 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, getFormatFromType, NumberFormatType } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
+              [showRibbon]="false" [showSheetTabs]="false" [allowInsert]="false" [allowDelete]="false">
+                <e-sheets>
+                  <e-sheet [showGridLines]="false" selectedRange="U15">
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A2"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=160></e-column>
+                      <e-column [width]=160></e-column>
+                      <e-column [width]=160></e-column>
+                      <e-column [width]=120></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=35 [customHeight]="true">
+                        <e-cells>
+                          <e-cell value="Sales Team Summary" [colSpan]=6 [style]="{ verticalAlign: 'middle', textAlign: 'center', fontSize: '16pt', fontWeight: 'bold', border: '1px solid #e0e0e0', backgroundColor: '#EEEEEE', color: '#279377' }"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [index]=10>
+                        <e-cells>
+                          <e-cell [index]=1 value="Total:" [style]="{ fontWeight: 'bold', fontStyle: 'italic' }"></e-cell>
+                          <e-cell formula="=SUM(C3:C10)" [format]="accountingFormat"></e-cell>
+                          <!-- Applied number format to C11, D11 & E11 through cell binding -->
+                          <e-cell formula="=SUM(D3:D10)" format='_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)'></e-cell>
+                          <e-cell formula="=SUM(E3:E10)" format='_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)'></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    // If the format string is not known, you can get the format string using `getFormatFromType` function like below
+    accountingFormat = getFormatFromType(<NumberFormatType>'Accounting');
+
+    // Applied number formatting to the range of cells using 'numberFormat' method once the component is loaded
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', fontSize: '12pt', backgroundColor: '#279377', textAlign: 'center',
+          color: '#ffffff', borderBottom: '1px solid #e0e0e0' }, 'A2:F2');
+        this.spreadsheetObj!.cellFormat({ borderTop: '1px solid #e0e0e0', backgroundColor: '#EEEEEE' }, 'A11:F11');
+        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A2:F11', 'Outer');
+        // Applied Accounting format to the cells from C3 to E10 range.
+        this.spreadsheetObj!.numberFormat('_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)', 'C3:E10');
+        // Applied Percentage format to the cells from C3 to E11 range.
+        this.spreadsheetObj!.numberFormat('0%', 'F3:F10');
+        // applied the custom number format for cell form D3 to D10 range
+        this.spreadsheetObj!.numberFormat('[Red][<=2000]$#,##0.00;[Blue][>2000]$#,##0.00', 'D3:D10');
+        // applied the custom number format for cell from F3 to F10 range
+        this.spreadsheetObj!.numberFormat('#,##0.00_);[Red](#,##0.00)', 'F3:F10');
+
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.ts
new file mode 100644
index 000000000..044b6dd29
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/format/number-cs2/src/app.ts
@@ -0,0 +1,98 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, CellStyleModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [showRibbon]="false"
+                [showSheetTabs]="false" [allowInsert]="false" [allowDelete]="false" [allowEditing]="false">
+                <e-sheets>
+                  <e-sheet [showGridLines]="false" selectedRange="U15">
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A2"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=200></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=90></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=35 [customHeight]="true">
+                        <e-cells>
+                          <!-- Applied styles to 'A1' cell through cell binding -->
+                          <e-cell value="Order Summary" [colSpan]=5 [style]="{ fontFamily: 'Axettac Demo', verticalAlign: 'middle', textAlign: 'center', fontSize: '18pt', fontWeight: 'bold', color: '#279377', border: '1px solid #e0e0e0' }"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [height]=30>
+                        <e-cells>
+                          <!-- Applied styles to 'C2' cell through cell property binding -->
+                          <e-cell [index]=2 [style]="{ textAlign: 'right' }"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                      <e-row [height]=30></e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    // Applied cell formatting to the range of cells using 'cellFormat' method once the component is loaded
+    created() {
+        // Setting common styles to table header cells
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', fontSize: '12pt', backgroundColor: '#279377', color: '#ffffff' }, 'A2:E2');
+        // Setting common styles to whole table cells
+        this.spreadsheetObj!.cellFormat({ verticalAlign: 'middle', fontFamily: 'Axettac Demo' }, 'A2:E12');
+        // Column wise styles setting
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:A12');
+        // Setting text-indent to 2 and 4 column
+        const style: CellStyleModel = { textAlign: 'left', textIndent: '8pt' };
+        this.spreadsheetObj!.cellFormat(style, 'B2:B12');
+        this.spreadsheetObj!.cellFormat(style, 'D2:D12');
+        this.spreadsheetObj!.cellFormat({ fontStyle: 'italic', textAlign: 'right' }, 'C3:C12');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'E2:E12');
+        // Applied border to range of cells using 'setBorder' method
+        this.spreadsheetObj!.setBorder({ borderLeft: '1px solid #e0e0e0', borderRight: '1px solid #e0e0e0' }, 'A2:E2');
+        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A4:E11', 'Horizontal');
+        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A3:E12', 'Outer');
+        this.spreadsheetObj!.cellFormat({ color: '#10c469', textDecoration: 'line-through' }, 'E3:E4');
+        this.spreadsheetObj!.cellFormat({ color: '#10c469', textDecoration: 'line-through' }, 'E9');
+        this.spreadsheetObj!.cellFormat({ color: '#10c469', textDecoration: 'line-through' }, 'E12');
+        this.spreadsheetObj!.cellFormat({ color: '#FFC107', textDecoration: 'underline' }, 'E5');
+        this.spreadsheetObj!.cellFormat({ color: '#FFC107', textDecoration: 'underline' }, 'E8');
+        this.spreadsheetObj!.cellFormat({ color: '#FFC107', textDecoration: 'underline' }, 'E11');
+        this.spreadsheetObj!.cellFormat({ color: '#62c9e8' }, 'E6');
+        this.spreadsheetObj!.cellFormat({ color: '#62c9e8' }, 'E10');
+        this.spreadsheetObj!.cellFormat({ color: '#ff5b5b' }, 'E7');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.ts
new file mode 100644
index 000000000..9e06d6493
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs1/src/app.ts
@@ -0,0 +1,117 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+
+
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showRibbon]="false"
+                [showSheetTabs]="false">
+                <e-sheets>
+                  <e-sheet>
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A2"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=40 [customHeight]="true">
+                        <e-cells>
+                          <e-cell value="Monthly Expense" [colSpan]=5 [style]="{ textAlign: 'center', fontWeight: 'bold', verticalAlign: 'middle', fontStyle: 'italic', fontSize: '15pt' }"></e-cell>
+                          <e-cell formula="=SUM(E2:E10)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [index]=11>
+                        <e-cells>
+                          <e-cell value="Totals" [style]="{ fontStyle: 'italic', fontWeight: 'bold' }"></e-cell>
+                          <!-- Calculating total of each column data through cell binding. -->
+                          <e-cell formula="=SUM(B3:B11)"></e-cell>
+                          <e-cell formula="=SUM(C3:C11)"></e-cell>
+                          <e-cell formula="=SUM(D3:D11)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Number of Categories" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=COUNTA(A3:A11)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Average Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=AVERAGE(B3:B11)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Min Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=MIN(B3:B11)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Max Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=Max(B3:B11)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`,
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+
+  data: object[] = dataSource;
+
+  // Custom function to calculate percentage between two cell values.
+  calculatePercentage(firstCell: string, secondCell: string): number {
+    return Number(firstCell) / Number(secondCell);
+  }
+
+  // Custom function to calculate round down for values.
+  roundDownHandler(value: number, digit: number): number {
+    let multiplier: number = Math.pow(10, digit);
+    return Math.floor(value * multiplier) / multiplier;
+  }
+
+  created() {
+    this.spreadsheetObj.cellFormat(
+      { fontWeight: 'bold', textAlign: 'center' },
+      'A2:F2'
+    );
+    this.spreadsheetObj.numberFormat('$#,##0', 'B3:D12');
+    this.spreadsheetObj.numberFormat('0%', 'E3:E12');
+    // Adding custom function for calculating the percentage between two cells.
+    this.spreadsheetObj.addCustomFunction(
+      this.calculatePercentage,
+      'PERCENTAGE'
+    );
+    // Adding custom function for calculating round down for the value.
+    this.spreadsheetObj.addCustomFunction(this.roundDownHandler, 'ROUNDDOWN');
+    // Calculate percentage using custom added formula in E12 cell.
+    this.spreadsheetObj.updateCell({ formula: '=PERCENTAGE(C12,D12)' }, 'E12');
+    // Calculate round down for average values using custom added formula in F12 cell.
+    this.spreadsheetObj.updateCell({ formula: '=ROUNDDOWN(F11,1)' }, 'F12');
+  }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.ts
new file mode 100644
index 000000000..1fdd01540
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs2/src/app.ts
@@ -0,0 +1,129 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showRibbon]="false"
+                [showSheetTabs]="false">
+                <e-sheets>
+                  <e-sheet>
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A2"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=40 [customHeight]="true">
+                        <e-cells>
+                          <e-cell value="Monthly Expense" [colSpan]=5 [style]="{ textAlign: 'center', fontWeight: 'bold', verticalAlign: 'middle', fontStyle: 'italic', fontSize: '15pt' }"></e-cell>
+                          <e-cell formula="=SUM(E2:E10)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [index]=11>
+                        <e-cells>
+                          <e-cell value="Totals" [style]="{ fontStyle: 'italic', fontWeight: 'bold' }"></e-cell>
+                          <!-- Calculating total of each column data through cell binding. -->
+                          <e-cell formula="=SUM(B3:B11)"></e-cell>
+                          <e-cell formula="=SUM(C3:C11)"></e-cell>
+                          <e-cell formula="=SUM(D3:D11)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Number of Categories" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=COUNTA(A3:A11)"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Average Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=AVERAGE(B3:B11)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Min Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=MIN(B3:B11)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=1 value="Max Spend" [colSpan]=2 [style]="{ fontWeight: 'bold', textAlign: 'right' }"></e-cell>
+                          <e-cell [index]=3 formula="=Max(B3:B11)" format="$#,##0"></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`,
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  spreadsheetObj!: SpreadsheetComponent;
+
+  data: object[] = dataSource;
+
+  // Custom function to calculate percentage between two cell values.
+  calculatePercentage(firstCell: string, secondCell: string): number {
+    return Number(firstCell) / Number(secondCell);
+  }
+
+  created() {
+    this.spreadsheetObj.cellFormat(
+      { fontWeight: 'bold', textAlign: 'center' },
+      'A2:F2'
+    );
+    this.spreadsheetObj.numberFormat('$#,##0', 'B3:D12');
+    this.spreadsheetObj.numberFormat('0%', 'E3:E12');
+    // Adding custom function for calculating the percentage between two cells.
+    this.spreadsheetObj.addCustomFunction(
+      this.calculatePercentage,
+      'PERCENTAGE'
+    );
+
+    // Calculate percentage using custom added formula in E11 cell.
+    this.spreadsheetObj.updateCell({ formula: '=PERCENTAGE(C11,D11)' }, 'E11');
+    // Calculate expressions using computeExpression in E10 cell.
+    this.spreadsheetObj.updateCell(
+      { value: this.spreadsheetObj.computeExpression('C10/D10') as string },
+      'E10'
+    );
+    // Calculate custom formula values using computeExpression in E12 cell.
+    this.spreadsheetObj.updateCell(
+      {
+        value: this.spreadsheetObj.computeExpression(
+          '=PERCENTAGE(C12,D12)'
+        ) as string,
+      },
+      'E12'
+    );
+    // Calculate SUM (built-in) formula values using computeExpression in D12 cell.
+    this.spreadsheetObj.updateCell(
+      {
+        value: this.spreadsheetObj.computeExpression('=SUM(D3:D11)') as string,
+      },
+      'D12'
+    );
+  }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.ts
new file mode 100644
index 000000000..fb4ac574b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/formula-cs3/src/app.ts
@@ -0,0 +1,82 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { L10n, loadCldr, setCulture, setCurrencyCode } from '@syncfusion/ej2-base';
+import { SpreadsheetComponent, getFormatFromType } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+import deDELocalization from './locale.json';
+import cagregorian from './ca-gregorian.json';
+import currencies from './currencies.json';
+import numbers from './numbers.json';
+import timeZoneNames from './timeZoneNames.json';
+import numberingSystems from './numberingSystems.json';
+
+L10n.load(deDELocalization);
+setCulture('de');
+setCurrencyCode('EUR');
+loadCldr(cagregorian, currencies, numbers, timeZoneNames, numberingSystems);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet locale='de' listSeparator=';' [showRibbon]='false' [showSheetTabs]='false' (created)='created()'>
+                    <e-sheets>
+                        <e-sheet selectedRange='E14'>
+                            <e-ranges>
+                                <e-range [dataSource]='dataSource'></e-range>
+                            </e-ranges>
+                            <e-rows>
+                                <e-row [index]=12>
+                                    <e-cells>
+                                        <e-cell [index]=3 value='Subtotal:'></e-cell>
+                                        <e-cell formula='=SUBTOTAL(9;E2:E12)'></e-cell>
+                                    </e-cells>
+                                </e-row>
+                                <e-row>
+                                    <e-cells>
+                                        <e-cell [index]=3 value='Discount (8,5%):'></e-cell>
+                                        <e-cell formula='=PRODUCT(8,5;E13)/100'></e-cell>
+                                    </e-cells>
+                                </e-row>
+                                <e-row>
+                                    <e-cells>
+                                        <e-cell [index]=3 value='Total Amount:'></e-cell>
+                                        <e-cell formula='=E13-E14'></e-cell>
+                                    </e-cells>
+                                </e-row>
+                            </e-rows>
+                            <e-columns>
+                                <e-column [width]=120></e-column>
+                                <e-column [width]=180></e-column>
+                                <e-column [width]=100></e-column>
+                                <e-column [width]=120></e-column>
+                                <e-column [width]=120></e-column>
+                            </e-columns>
+                        </e-sheet>
+                    </e-sheets>
+                </ejs-spreadsheet>`
+})
+
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj!: SpreadsheetComponent;
+    dataSource: Object[] = data;
+
+    created(): void {
+        this.spreadsheetObj.cellFormat({ textAlign: 'center', fontWeight: 'bold' }, 'A1:E1');
+        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'D2:E12');
+        this.spreadsheetObj.numberFormat(getFormatFromType('Currency'), 'E13:E15');
+    }
+};
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.ts
new file mode 100644
index 000000000..2f38a80b2
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/freezepane-cs1/src/app.ts
@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { tradeData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet> <e-sheets> <e-sheet [frozenRows]=2 [frozenColumns]=2> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    public tradeData?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.tradeData = tradeData;
+    }
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.ts
new file mode 100644
index 000000000..7bf8bf007
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/headers-gridlines-cs1/src/app.ts
@@ -0,0 +1,59 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
+                [showSheetTabs]="false">
+                <e-sheets>
+                  <!-- Hiding the headers and gridlines in 'Price Details' sheet -->
+                  <e-sheet [showGridLines]="false" [showHeaders]="false">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
+        // The gridlines have been removed to set border for the range of cells
+        this.spreadsheetObj!.setBorder({ border: '1px solid #e0e0e0' }, 'A1:H11');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.ts
new file mode 100644
index 000000000..18ac44030
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/hide-show-cs1/src/app.ts
@@ -0,0 +1,66 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
+                [showSheetTabs]="false" [showRibbon]="false">
+                <e-sheets>
+                  <e-sheet>
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <!-- Hiding the 1st and 2nd column index through property binding -->
+                      <e-column [width]=100 [hidden]="true"></e-column>
+                      <e-column [width]=100 [hidden]="true"></e-column>
+                      <e-column [width]=80></e-column>
+                      <e-column [width]=80></e-column>
+                      <e-column [width]=80></e-column>
+                      <e-column [width]=80></e-column>
+                      <e-column [width]=80></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [index]=2 [hidden]="true"></e-row>
+                      <e-row [hidden]="true"></e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        // Unhide the 2nd index hidden column
+        this.spreadsheetObj!.hideColumn(1, 1, false);
+        // Unhide the 3rd index hidden row
+        this.spreadsheetObj!.hideRow(3, 3, false);
+        // Hiding the 6th index column
+        this.spreadsheetObj!.hideColumn(6);
+        // Hiding the 8th and 9th index row
+        this.spreadsheetObj!.hideRow(8, 9);
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.ts
new file mode 100644
index 000000000..44a0df2da
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/image-cs1/src/app.ts
@@ -0,0 +1,149 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showRibbon]="false" [showFormulaBar]="false">
+                <e-sheets>
+                  <e-sheet name="Employee Deatils" [showGridLines]="false" selectedRange="B2">
+                    <e-rows>
+                    <e-row [index]="1" [height]="30" >
+                        <e-cells>
+                            <e-cell [index]="1" value="   Mark"></e-cell>
+                        </e-cells>
+                    </e-row>
+                     <e-row [index]="2" [height]="40" >
+                        <e-cells>
+                            <e-cell [index]="2" value="Id" [style]="{  verticalAlign: 'bottom' }"></e-cell>
+                            <e-cell [index]="3" value=": 1001" [style]="{  verticalAlign: 'bottom' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="3">
+                        <e-cells>
+                             <e-cell [index]="1" [image]="[{src:'data:image/png;base64,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',
+     height: 150, width: 180, top:62, left: 50}]
+"></e-cell>
+                            <e-cell [index]="2" value="Gender"></e-cell>
+                            <e-cell [index]="3" value=": Male"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="4">
+                        <e-cells>
+                            <e-cell [index]="2" value="Contact Preference"></e-cell>
+                            <e-cell [index]="3" value=": Email"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="5">
+                        <e-cells>
+                            <e-cell [index]="2" value="Email"></e-cell>
+                            <e-cell [index]="3" value=": mark@gmail.com"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="6">
+                        <e-cells>
+                            <e-cell [index]="2" value="Date of Birth"></e-cell>
+                            <e-cell [index]="3" value=": Jan 3, 1985"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="7">
+                        <e-cells>
+                            <e-cell [index]="2" value="Department"></e-cell>
+                            <e-cell [index]="3" value=": IT"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="8" [height]="40" >
+                        <e-cells>
+                            <e-cell [index]="2" value="IsActive" [style]="{  verticalAlign: 'top' }"></e-cell>
+                            <e-cell [index]="3" value=": True" [style]="{  verticalAlign: 'top' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="10" [height]="30" >
+                        <e-cells>
+                            <e-cell [index]="1" value="   Mary"></e-cell>
+                        </e-cells>
+                    </e-row>
+                     <e-row [index]="11" [height]="40" >
+                        <e-cells>
+                            <e-cell [index]="2" value="Id" [style]="{  verticalAlign: 'bottom' }"></e-cell>
+                            <e-cell [index]="3" value=": 1002" [style]="{  verticalAlign: 'bottom' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="12">
+                        <e-cells>
+                             <e-cell [index]="1" [image]="[{src:'data:image/png;base64,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',
+                             height: 150, width: 180, top:290, left: 50}]"></e-cell>
+                            <e-cell [index]="2" value="Gender"></e-cell>
+                            <e-cell [index]="3" value=": Female"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="13">
+                        <e-cells>
+                            <e-cell [index]="2" value="Contact Preference"></e-cell>
+                            <e-cell [index]="3" value=": Phone"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="14">
+                        <e-cells>
+                            <e-cell [index]="2" value="Email"></e-cell>
+                            <e-cell [index]="3" value=": mary@gmail.com"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="15">
+                        <e-cells>
+                            <e-cell [index]="2" value="Date of Birth"></e-cell>
+                            <e-cell [index]="3" value=": Dec 8, 1989"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="16">
+                        <e-cells>
+                            <e-cell [index]="2" value="Department"></e-cell>
+                            <e-cell [index]="3" value=": HR"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [index]="17" [height]="40" >
+                        <e-cells>
+                            <e-cell [index]="2" value="IsActive" [style]="{  verticalAlign: 'top' }"></e-cell>
+                            <e-cell [index]="3" value=": True" [style]="{  verticalAlign: 'top' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    </e-rows>
+                    <e-columns>
+                      <e-column [width]=20></e-column>
+                      <e-column [width]=280></e-column>
+                      <e-column [width]=172></e-column>
+                      <e-column [width]=160></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    created() {
+            this.spreadsheetObj!.merge('B2:D2');
+            this.spreadsheetObj!.merge('B11:D11');
+            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', verticalAlign: 'middle', backgroundColor: '#1167b1', color: '#ffffff' }, 'B2');
+            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', verticalAlign: 'middle', backgroundColor: '#1167b1', color: '#ffffff' }, 'B11');
+            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'C3:C9');
+            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'C12:C18');
+            this.spreadsheetObj!.setBorder({ border: '1px solid #1167b1' }, 'B2:D9', 'Outer');
+            this.spreadsheetObj!.setBorder({ border: '1px solid #1167b1' }, 'B11:D18', 'Outer');
+        }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.ts
new file mode 100644
index 000000000..e1b8665ed
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert-sheet-change-active-sheet-cs1/src/app.ts
@@ -0,0 +1,64 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { data, employeeData } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<div >
+    <button class="e-btn custom-btn" (click)='onClick()'>Insert Sheet</button>
+    <ejs-spreadsheet #spreadsheet >
+        <e-sheets>
+            <e-sheet name="Car Sales Report">
+                <e-ranges>
+                    <e-range [dataSource]="dataSource"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=120></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj!: SpreadsheetComponent;
+    dataSource: Object[] = data;
+    onClick(): void {
+        this.spreadsheetObj.insertSheet(
+            [
+                {
+                    index: 1,
+                    name: 'new_sheet',
+                    ranges: [
+                        {
+                            dataSource: employeeData,
+                            startCell: 'A1'
+                        },
+                    ]
+                },
+            ]
+        );
+        // Use the timeout function to wait until the sheet is inserted.
+        setTimeout(() => {
+            // Method for switching to a new sheet.
+            this.spreadsheetObj.goTo('new_sheet!A1');
+        })
+    }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.ts
new file mode 100644
index 000000000..ce06fa89b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert/column-cs1/src/app.ts
@@ -0,0 +1,68 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, CellModel, getCellAddress } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [showSheetTabs]="false"
+                [showRibbon]="false">
+                <e-sheets>
+                  <e-sheet>
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="A2"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=220></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+    // Cells model that you are going to update in the inserted 5th column dynamically
+    cellsModel: CellModel[] = [{ value: 'Unit Price', style: { fontWeight: 'bold', textAlign: 'center' } }, { value: '18.00' },
+        { value: '19.00' }, { value: '10.00' }, { value: '22.00' }, { value: '21.35' }, { value: '25.00' }, { value: '30.00' },
+        { value: '21.00' }, { value: '40.00' }, { value: '97.00' }];
+
+    created() {
+        // Applies style formatting before inserting the column
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A2:G2');
+        // inserting a empty column at 0th index
+        this.spreadsheetObj!.insertColumn();
+        // inserting 1 column at the 5th index with column model
+        this.spreadsheetObj!.insertColumn([{ index: 5, width: 90 }]);
+        let rowIndex = 1;
+        // Updating the 5th column data
+        this.cellsModel.forEach((cell: CellModel): void => {
+            this.spreadsheetObj!.updateCell(cell, getCellAddress(rowIndex, 5)); rowIndex++;
+        });
+        // Applies style formatting after the columns are inserted
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'B3:B12');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D3:D12');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'F3:H12');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.ts
new file mode 100644
index 000000000..2b66465ae
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert/row-cs1/src/app.ts
@@ -0,0 +1,73 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, RowModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false"
+                [showSheetTabs]="false" [showRibbon]="false">
+                <e-sheets>
+                  <e-sheet>
+                    <e-ranges>
+                      <e-range [dataSource]="data" startCell="B1"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=20></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=220></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+    // Rows model that is going to insert dynamically
+    rowsModel: RowModel[] = [
+        {
+            index: 9, // Need to specify the index for the first row collection, the specified rows will be inserted in this index.
+            cells: [{ value: '' }, { value: '8' }, { value: 'Northwoods Cranberry Sauce' }, { value: '3' }, { value: '12 - 12 oz jars' },
+                { value: '40.00' }, { value: '6' }, { value: 'false' }]
+        },
+        {
+            cells: [{ value: '' }, { value: '9' }, { value: 'Mishi Kobe Niku' }, { value: '4' }, { value: '18 - 500 g pkgs.' },
+                { value: '97.00' }, { value: '29' }, { value: 'true' }]
+        }
+    ];
+
+    created() {
+        // Applies style formatting before inserting the rows
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'B1:H1');
+        // inserting a empty row at 0th index
+        this.spreadsheetObj!.insertRow();
+        // inserting 2 rows at the 9th index with data
+        this.spreadsheetObj!.insertRow(this.rowsModel);
+        // Applies style formatting after the rows are inserted
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'B3:B12');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D3:D12');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'F3:H12');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.ts
new file mode 100644
index 000000000..7d98ce9db
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/insert/sheet-cs1/src/app.ts
@@ -0,0 +1,68 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false" [showRibbon]="false">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        // Applies style formatting to the active sheet before inserting a new sheet
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
+        // inserting a new sheet with data at 1st index
+        // You can also insert empty sheets by specifying the start and end sheet index instead of sheet model
+        this.spreadsheetObj!.insertSheet([{
+            index: 1,
+            name: 'Inserted Sheet',
+            ranges: [{ dataSource: this.data }],
+            columns: [{ width: 150 }, { width: 110 }, { width: 110 }, { width: 85 }, { width: 85 }, { width: 85 }, { width: 85 },
+                { width: 85 }]
+        }]);
+        // Applies style formatting for the inserted sheet
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Inserted Sheet!A1:H1');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'Inserted Sheet!D2:H11');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.ts
new file mode 100644
index 000000000..263d5be23
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/internationalization-cs1/src/app.ts
@@ -0,0 +1,88 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { L10n, loadCldr, setCulture, setCurrencyCode } from '@syncfusion/ej2-base';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { defaultData } from './datasource';
+
+L10n.load({
+    'fr-CH': {
+        'spreadsheet': {
+            'File': 'Fichier',
+            'Home': 'Accueil',
+            'Insert': 'Insérer',
+            'Formulas': 'Formules',
+            'Data': 'Les données',
+            'View': 'Vue',
+            'Cut': 'Coupe',
+            'Copy': 'Copie',
+            'Paste': 'Pâte',
+            'PasteSpecial': 'Pâte spéciale',
+            'All': 'Tous les',
+            'Values': 'Valeurs',
+            'Formats': 'Les formats',
+            'Font': 'fonte',
+            'FontSize': 'Taille de police',
+            'Bold': 'Audacieux',
+            'Italic': 'Italique',
+            'Underline': 'Souligner',
+            'Strikethrough': 'Barré',
+            'TextColor': 'Couleur du texte',
+            'FillColor': 'La couleur de remplissage',
+            'HorizontalAlignment': 'Alignement horizontal',
+            'AlignLeft': 'Alignez à gauche',
+            'AlignCenter': 'centre',
+            'AlignRight': 'Aligner à droite',
+            'VerticalAlignment': 'Alignement vertical',
+            'AlignTop': 'Aligner en haut',
+            'AlignMiddle': 'Aligner le milieu',
+            'AlignBottom': 'Aligner le bas',
+            'InsertFunction': 'Insérer une fonction',
+            'Delete': 'Effacer',
+            'Rename': 'Rebaptiser',
+            'Hide': 'Cacher',
+            'Unhide': 'Démasquer',
+            'NumberFormat': 'Nombre Format',
+        }
+    }
+});
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet locale='fr-CH' (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='defaultData'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    defaultData?: Object[];
+    ngOnInit(): void {
+        this.defaultData = defaultData;
+        setCulture('fr-CH');
+        setCurrencyCode('EUR');
+
+        loadCldr('./currencies.json',
+            './numbers.json',
+            './ca-gregorian.json',
+            './timeZoneNames.json',
+            './numberingSystems.json');
+    }
+    created(){
+         //Applies cell and number formatting to specified range of the active sheet
+            this.spreadsheetObj?.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
+            this.spreadsheetObj?.numberFormat('$#,##0.00', 'F2:F11');
+    };
+};
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.ts
new file mode 100644
index 000000000..0dde6bd99
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/json-structure-cs1/src/app.ts
@@ -0,0 +1,24 @@
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { jsonData } from './datasource';
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+
+
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (created)="created()"><e-sheets> <e-sheet><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>`
+})
+export class AppComponent {
+  public data?: object[];
+  @ViewChild('spreadsheet') public spreadsheetObj!: SpreadsheetComponent;
+
+  created() {
+    this.spreadsheetObj.openFromJson({ file: jsonData });
+  }
+};
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.ts
new file mode 100644
index 000000000..a71bd5704
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/link-cs1/src/app.ts
@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (beforeHyperlinkClick)='beforeHyperlinkClick($event)'> <e-sheets> <e-sheet name='Monthly Budget' selectedRange='D13'>  <e-rows>  <e-row>  <e-cells>   <e-cell value='Item Name'></e-cell>   <e-cell value='Quantity'></e-cell>  <e-cell value='Price'></e-cell> <e-cell value='Amount'></e-cell> <e-cell value='Stock Detail'></e-cell>   <e-cell value='Website'></e-cell>   </e-cells>    </e-row> <e-row>     <e-cells>    <e-cell value='Casual Shoes'></e-cell>   <e-cell value='10'></e-cell>  <e-cell value='20'></e-cell>  <e-cell value='200'></e-cell> <e-cell value='OUT OF STOCK'></e-cell>  <e-cell value='Amazon' hyperlink='https://www.amazon.com/'></e-cell> </e-cells> </e-row>  <e-row> <e-cells> <e-cell value='Sports Shoes'></e-cell>  <e-cell value='20'></e-cell> <e-cell value='30'></e-cell>  <e-cell value='600'></e-cell>  <e-cell value='IN STOCK' hyperlink='Stock!A2:B2'></e-cell> <e-cell value='Overstack' hyperlink='https://www.overstock.com/'></e-cell> </e-cells> </e-row> <e-row>   <e-cells>   <e-cell value='Formal Shoes'></e-cell>   <e-cell value='20'></e-cell> <e-cell value='15'></e-cell>  <e-cell value='300'></e-cell>  <e-cell value='IN STOCK' hyperlink='Stock!A3:B3'></e-cell>  <e-cell value='Aliexpress' hyperlink='https://www.aliexpress.com/'></e-cell>  </e-cells>  </e-row>  <e-row>   <e-cells>    <e-cell value='Sandals & Floaters'></e-cell>  <e-cell value='15'></e-cell>  <e-cell value='20'></e-cell>   <e-cell value='300'></e-cell> <e-cell value='OUT OF STOCK'></e-cell>  <e-cell value='Alibaba' hyperlink='http://www.alibaba.com/'></e-cell>    </e-cells>    </e-row>  <e-row>  <e-cells>  <e-cell value='Flip-Flops & Slippers'></e-cell>   <e-cell value='30'></e-cell> <e-cell value='10'></e-cell>  <e-cell value='300'></e-cell>    <e-cell value='IN STOCK' hyperlink='Stock!A4:B4'></e-cell>  <e-cell value='Taobao' hyperlink='https://taobao.com/'></e-cell>   </e-cells>   </e-row>  </e-rows>  <e-columns>     <e-column [width]=110></e-column>     <e-column [width]=115></e-column> <e-column [width]=110></e-column> <e-column [width]=100></e-column>    <e-column [width]=120></e-column> <e-column [width]=140></e-column> </e-columns>  </e-sheet> <e-sheet name='Stock' selectedRange='D13'>  <e-rows>  <e-row> <e-cells>    <e-cell value='Item Name'></e-cell> <e-cell value='Available Count'></e-cell>     </e-cells> </e-row>  <e-row> <e-cells>  <e-cell value='Casual Shoes'></e-cell> <e-cell value='10'></e-cell>   </e-cells>  </e-row> <e-row>   <e-cells>  <e-cell value='Sports Shoes'></e-cell>  <e-cell value='20'></e-cell>  </e-cells> </e-row>  <e-row>  <e-cells> <e-cell value='Formal Shoes'></e-cell>  <e-cell value='20'></e-cell></e-cells></e-row>  <e-row> <e-cells>  <e-cell value='Sandals & Floaters'></e-cell><e-cell value='15'></e-cell>  </e-cells>  </e-row><e-row> <e-cells> <e-cell value='Flip-Flops & Slippers'></e-cell>  <e-cell value='30'></e-cell> </e-cells> </e-row> </e-rows> <e-columns> <e-column [width]=110></e-column><e-column [width]=115></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+    }
+    beforeHyperlinkClick (args : any) {
+        args.target = '_self'; //change target attribute
+    }
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.ts
new file mode 100644
index 000000000..91370db6f
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs1/src/app.ts
@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+  };
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.ts
new file mode 100644
index 000000000..1b4be000b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs2/src/app.ts
@@ -0,0 +1,74 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { L10n } from '@syncfusion/ej2-base';
+import { data } from './datasource';
+
+L10n.load({
+    'fr-CH': {
+        'spreadsheet': {
+            'File': 'Fichier',
+            'Home': 'Accueil',
+            'Insert': 'Insérer',
+            'Formulas': 'Formules',
+            'Data': 'Les données',
+            'View': 'Vue',
+            'Cut': 'Coupe',
+            'Copy': 'Copie',
+            'Paste': 'Pâte',
+            'PasteSpecial': 'Pâte spéciale',
+            'All': 'Tous les',
+            'Values': 'Valeurs',
+            'Formats': 'Les formats',
+            'Font': 'fonte',
+            'FontSize': 'Taille de police',
+            'Bold': 'Audacieux',
+            'Italic': 'Italique',
+            'Underline': 'Souligner',
+            'Strikethrough': 'Barré',
+            'TextColor': 'Couleur du texte',
+            'FillColor': 'La couleur de remplissage',
+            'HorizontalAlignment': 'Alignement horizontal',
+            'AlignLeft': 'Alignez à gauche',
+            'AlignCenter': 'centre',
+            'AlignRight': 'Aligner à droite',
+            'VerticalAlignment': 'Alignement vertical',
+            'AlignTop': 'Aligner en haut',
+            'AlignMiddle': 'Aligner le milieu',
+            'AlignBottom': 'Aligner le bas',
+            'InsertFunction': 'Insérer une fonction',
+            'Delete': 'Effacer',
+            'Rename': 'Rebaptiser',
+            'Hide': 'Cacher',
+            'Unhide': 'Démasquer',
+            'NumberFormat': 'Nombre Format',
+        }
+    }
+});
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet locale='fr-CH'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.ts
new file mode 100644
index 000000000..d37364388
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs3/src/app.ts
@@ -0,0 +1,73 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { L10n } from '@syncfusion/ej2-base';
+import { data } from './datasource';
+
+L10n.load({
+      'ar-AE': {
+        'spreadsheet': {
+            "File": "ملف",
+            "Home": "هم",
+            "Insert": "إدراج",
+            "Formulas": "الصيغ",
+            "View": "معاينة",
+            "Data": "البيانات",
+            "Cut": "قطع",
+            "Copy": "نسخ",
+            "Paste": "معجون",
+            "PasteSpecial": "لصق خاص",
+            "All": "جميع",
+            "Values": "القيم",
+            "Formats": "شكل",
+            "Font": "الخط",
+            "FontSize": "حجم الخط",
+            "Bold": "جريء",
+            "Italic": "مائل",
+            "Underline": "أكد",
+            "Strikethrough": "يتوسطه",
+            "TextColor": "لون الخط",
+            "FillColor": "لون التعبئة",
+            "HorizontalAlignment": "المحاذاة الأفقية",
+            "AlignLeft": "محاذاة إلى اليسار",
+            "AlignCenter": "مركز",
+            "AlignRight": "محاذاة إلى اليمين",
+            "VerticalAlignment": "محاذاة عمودية",
+            "AlignTop": "محاذاة أعلى",
+            "AlignMiddle": "محاذاة الأوسط",
+            "AlignBottom": "أسفل محاذاة",
+            "InsertFunction": "إدراج وظيفة",
+            "Delete": "حذف",
+            "Rename": "إعادة تسمية",
+            "Hide": "إخفاء",
+            "Unhide": "ظهار"
+        }
+    }
+});
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet locale='ar-AE' [enableRtl]='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.ts
new file mode 100644
index 000000000..22d616cea
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs4/src/app.ts
@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet [isProtected]='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.ts
new file mode 100644
index 000000000..716458a2f
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/local-data-binding-cs5/src/app.ts
@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet password='syncfusion'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.ts
new file mode 100644
index 000000000..dcf8e2ed2
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/lock-cells-cs1/src/app.ts
@@ -0,0 +1,95 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { Dialog } from '@syncfusion/ej2-popups';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1, dataSource2 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<button class="e-btn" style="margin: 5px 0;" (click)="btnClick()">
+                Unlock cells</button>
+              <div id="dialog"></div>
+              <ejs-spreadsheet #spreadsheet id="spreadsheet" (created)="created()">
+                <e-sheets>
+                  <e-sheet name="Budget" [isProtected]="true" [protectSettings]="{ selectCells: true }">
+                    <e-ranges>
+                      <e-range [dataSource]="budgetData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <e-sheet name="Salary">
+                    <e-ranges>
+                      <e-range [dataSource]="salaryData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    dialogObj: Dialog | undefined;
+
+    budgetData: object[] = dataSource1;
+
+    salaryData: object[] = dataSource2;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold'}, 'A11:D11');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
+
+        // Creating dialog component,
+        this.dialogObj = new Dialog({
+            header: 'Spreadsheet',
+            target: document.getElementById('spreadsheet') as any,
+            content: '"A1:F3" range of cells has been unlocked.',
+            showCloseIcon: true,
+            
+            visible: false,
+            width: '500px',
+            buttons: [{
+                click: this.lockCells.bind(this), buttonModel: { content: 'Ok', isPrimary: true }
+            }],
+        });
+        this.dialogObj.appendTo('#dialog');
+    }
+
+    btnClick (): void {
+        this.dialogObj!.show();
+    }
+
+    lockCells(): void {
+        this.spreadsheetObj!.lockCells('A1:F3', false);
+        this.dialogObj!.hide();
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.ts
new file mode 100644
index 000000000..1036e5f5c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.ts
@@ -0,0 +1,120 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
+                <e-sheets>
+                  <e-sheet name="Merge Cells">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=35></e-row>
+                      <e-row [height]=35>
+                        <e-cells>
+                          <!-- Merging the 2nd cells of rows 2 and 3 through cell binding. -->
+                          <e-cell [index]=1 [rowSpan]=2></e-cell>
+                          <!-- Merging the 2nd row's 3rd and 4th cells through cell binding. -->
+                          <e-cell [colSpan]=2></e-cell>
+                          <!-- Merging the 2nd row's 7th, 8th and 9th cells through cell binding. -->
+                          <e-cell [index]=6 [colSpan]=3></e-cell>
+                          <!-- Merging the 2nd and 3rd rows 11th, 12th and 13th cells through cell binding. -->
+                          <e-cell [index]=10 [rowSpan]=2 [colSpan]=3></e-cell>
+                          <e-cell [index]=13 [colSpan]=2></e-cell>
+                          <e-cell [index]=17 [colSpan]=2></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [height]=35>
+                        <e-cells>
+                          <e-cell [index]=3 [colSpan]=3></e-cell>
+                          <e-cell [index]=6 [colSpan]=4></e-cell>
+                          <e-cell [index]=13 [colSpan]=3></e-cell>
+                          <e-cell [index]=17 [colSpan]=2></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [height]=35>
+                        <e-cells>
+                          <e-cell [index]=2 [colSpan]=3></e-cell>
+                          <e-cell [index]=5 [colSpan]=2></e-cell>
+                          <e-cell [index]=7 [colSpan]=3></e-cell>
+                          <e-cell [index]=15 [colSpan]=2></e-cell>
+                          <e-cell [index]=17 [colSpan]=2></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [height]=35>
+                        <e-cells>
+                          <e-cell [index]=2 [colSpan]=3></e-cell>
+                          <e-cell [index]=6 [colSpan]=4></e-cell>
+                          <e-cell [index]=16 [colSpan]=2></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row [height]=35>
+                        <e-cells>
+                          <e-cell [index]=2 [colSpan]=4></e-cell>
+                          <e-cell [index]=7 [colSpan]=3></e-cell>
+                          <e-cell [index]=15 [colSpan]=2></e-cell>
+                          <e-cell [index]=17 [colSpan]=2></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:S1');
+        this.spreadsheetObj!.numberFormat('h:mm AM/PM', 'C1:S1');
+        this.spreadsheetObj!.cellFormat({ verticalAlign: 'middle' }, 'A1:S11');
+          // Merging the `K4:M4` cells using method
+        this.spreadsheetObj!.merge('K4:M4');
+        // Merging the 5th and 6th row cells across 11th, 12th and 13th column
+        this.spreadsheetObj!.merge('K5:M6', 'Vertically');
+        // Merging the 18th and 19th column cells across 2nd, 3rd and 4th row
+        this.spreadsheetObj!.merge('N4:O6', 'Horizontally');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.ts
new file mode 100644
index 000000000..b81eaf16c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/note-cs1/src/app.ts
@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+
+
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true" >
+  <e-sheets>
+      <e-sheet name="Price Details">
+          <e-ranges>
+              <e-range [dataSource]="data"></e-range>
+          </e-ranges>
+          <e-columns>
+              <e-column [width]=140></e-column>
+              <e-column [width]=110></e-column>
+              <e-column [width]=110></e-column>
+              <e-column [width]=80></e-column>
+          </e-columns>
+      </e-sheet>
+  </e-sheets>
+</ejs-spreadsheet>`,
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  public spreadsheetObj: SpreadsheetComponent | undefined;
+  public data: object[] = dataSource;
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+  created() {
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1');
+  };
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.ts
new file mode 100644
index 000000000..490ccdb37
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/note-cs2/src/app.ts
@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+
+
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true" [enableNotes]="false">
+  <e-sheets>
+      <e-sheet name="Price Details">
+          <e-ranges>
+              <e-range [dataSource]="data"></e-range>
+          </e-ranges>
+          <e-columns>
+          <e-column [width]=140></e-column>
+              <e-column [width]=110></e-column>
+              <e-column [width]=110></e-column>
+              <e-column [width]=80></e-column>
+          </e-columns>
+      </e-sheet>
+  </e-sheets>
+</ejs-spreadsheet>`,
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  public spreadsheetObj: SpreadsheetComponent | undefined;
+  public data: object[] = dataSource;
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+  created() {
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1');
+  };
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.ts
new file mode 100644
index 000000000..fefbacdd9
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/note-cs3/src/app.ts
@@ -0,0 +1,49 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+    imports: [SpreadsheetAllModule],
+
+    standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true">
+  <e-sheets>
+      <e-sheet name="Price Details">
+          <e-ranges>
+              <e-range [dataSource]="data"></e-range>
+          </e-ranges>
+          <e-rows>
+          <e-row [index]=2>
+            <e-cells>
+              <e-cell [index]=0 [notes]="{ text: 'These shoes have the highest sales in terms of quantity this month.', isVisible: true }"></e-cell>
+            </e-cells>
+          </e-row>
+        </e-rows>
+          <e-columns>
+          <e-column [width]=140></e-column>
+              <e-column [width]=110></e-column>
+              <e-column [width]=110></e-column>
+              <e-column [width]=80></e-column>
+          </e-columns>
+      </e-sheet>
+  </e-sheets>
+</ejs-spreadsheet>`,
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    public spreadsheetObj: SpreadsheetComponent | undefined;
+    public data: object[] = dataSource;
+    public openUrl =
+        'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+    public saveUrl =
+        'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1');
+        this.spreadsheetObj!.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10');
+    }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.ts
new file mode 100644
index 000000000..31ecf7e0a
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-from-blobdata-cs1/src/app.ts
@@ -0,0 +1,40 @@
+import { NgModule, ViewChild } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component } from '@angular/core';
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<div class="control-section">
+  <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' (created)="created()">
+    </ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+  constructor() {
+
+  }
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+
+  // Specifies the base64 string.
+  public base64String: string | ArrayBuffer = "data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,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";
+
+  created() {
+    // To obtain blob data from base64 string.
+    fetch(this.base64String as string)
+    .then((response) => response.blob())
+    .then((fileBlob) => {
+      // To convert obtained blob data as a file.
+        let file: File = new File([fileBlob], 'Sample.xlsx');
+        this.spreadsheetObj.open({ file: file });
+    });
+  }
+
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.ts
new file mode 100644
index 000000000..b2a916868
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-from-json/src/app.ts
@@ -0,0 +1,89 @@
+import { NgModule, ViewChild } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { BeforeOpenEventArgs, SerializationOptions, SpreadsheetComponent, SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
+import { UploaderModule } from '@syncfusion/ej2-angular-inputs';
+import { Component } from '@angular/core';
+
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule, UploaderModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<div class="control-section">
+  <div id="Openfromjson">
+        <label id="Heading">Open From Json Options:</label> <br>
+        <input type="checkbox" id="valueOnly" (change)="toggleCheckboxes()"><label for="valueOnly">Only Values</label>
+        <input type="checkbox" id="style"><label for="style">Ignore Style</label>
+        <input type="checkbox" id="formula"><label for="formula">Ignore Formula</label>
+        <input type="checkbox" id="format"><label for="format">Ignore Format</label>
+        <input type="checkbox" id="cf"><label for="cf">Ignore CF</label>
+        <input type="checkbox" id="dv"><label for="dv">Ignore Validation</label>
+        <input type="checkbox" id="freeze"><label for="freeze">Ignore Freezepane</label>
+        <input type="checkbox" id="wrap"><label for="wrap">Ignore Wrap</label>
+        <input type="checkbox" id="chart"><label for="chart">Ignore Chart</label>
+        <input type="checkbox" id="image"><label for="image">Ignore Image</label>
+        <input type="checkbox" id="note"><label for="note">Ignore Note</label>
+        <ejs-uploader #defaultupload [asyncSettings]='path' (success)='onUploadSuccess($event)' [allowedExtensions]='allowedExtensions' [buttons]='buttons' [showFileList]='false'></ejs-uploader>
+    </div>
+    <ejs-spreadsheet #spreadsheet (beforeOpen)="beforeOpen($event)">
+    </ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+  constructor() {
+      
+  }
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+  public path: Object = {
+      saveUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Save',
+      removeUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Remove'
+  };
+  public allowedExtensions: string = '.xlsx, .xls, .csv';
+  public buttons: Object = { browse: 'Choose file' };
+  onUploadSuccess(args: { operation: string, file: { rawFile: File } }) {
+      if (args.operation == 'upload')
+          this.spreadsheetObj.open({ file: args.file.rawFile });
+  }
+  createOptions() {
+      const options: SerializationOptions = {};
+      options.ignoreStyle = (document.getElementById('style') as HTMLInputElement).checked;
+      options.ignoreFormula = (document.getElementById('formula') as HTMLInputElement).checked;
+      options.ignoreFormat = (document.getElementById('format') as HTMLInputElement).checked;
+      options.ignoreConditionalFormat = (document.getElementById('cf') as HTMLInputElement).checked;
+      options.ignoreValidation = (document.getElementById('dv') as HTMLInputElement).checked;
+      options.ignoreFreezePane = (document.getElementById('freeze') as HTMLInputElement).checked;
+      options.ignoreWrap = (document.getElementById('wrap') as HTMLInputElement).checked;
+      options.ignoreChart = (document.getElementById('chart') as HTMLInputElement).checked;
+      options.ignoreImage = (document.getElementById('image') as HTMLInputElement).checked;
+      options.ignoreNote = (document.getElementById('note') as HTMLInputElement).checked;
+      return options;
+  }
+  toggleCheckboxes() {
+      let valueOnlyCheckbox: HTMLInputElement = document.getElementById('valueOnly') as HTMLInputElement;
+      let checkboxes: NodeListOf<Element> = document.querySelectorAll('#Openfromjson input[type="checkbox"]:not(#valueOnly)');
+      checkboxes.forEach(checkbox => {
+          (checkbox as HTMLInputElement).disabled = valueOnlyCheckbox.checked;
+          if (valueOnlyCheckbox.checked) {
+              (checkbox as HTMLInputElement).checked = false;
+          }
+      });
+  }
+  beforeOpen(args: BeforeOpenEventArgs) {
+      args.cancel = true;
+      let valueOnlyCheckbox: boolean = (document.getElementById("valueOnly") as HTMLInputElement).checked;
+      let options: SerializationOptions = valueOnlyCheckbox ? { onlyValues: true } : this.createOptions();
+      fetch(
+          'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
+          args.requestData
+      ).then((response) => {
+          response.json().then((data) => {
+              this.spreadsheetObj.openFromJson({ file: data }, options)
+          });
+      });
+  }
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.ts
new file mode 100644
index 000000000..ba02ed96a
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs1/src/app.ts
@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component } from '@angular/core';
+import { SpreadsheetComponent, BeforeSaveEventArgs, BeforeOpenEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet (beforeOpen)='beforeOpen($event)' openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true'> </ejs-spreadsheet>"
+})
+export class AppComponent {
+     beforeOpen (args: BeforeOpenEventArgs) {
+        // your code snippets here
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.ts
new file mode 100644
index 000000000..e55eda0a5
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs10/app/app.ts
@@ -0,0 +1,74 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MenuSelectEventArgs, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { createElement } from '@syncfusion/ej2-base';
+import { MenuEventArgs } from '@syncfusion/ej2-navigations';
+import { WorkbookModel } from '@syncfusion/ej2-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        UploaderModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+  selector: 'app-container',
+  template:
+    "<ejs-spreadsheet #spreadsheet (fileMenuItemSelect)='onFileItemSelect($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>",
+})
+export class AppComponent implements OnInit {
+  public data: object[] | undefined;
+  @ViewChild('spreadsheet') public spreadsheetObj!: SpreadsheetComponent;
+  ngOnInit(): void {
+    this.data = data;
+  }
+  onFileItemSelect(args: MenuSelectEventArgs) {
+    if (args.item.text === 'Microsoft Excel') {
+      args.cancel = true;
+      this.spreadsheetObj
+        .saveAsJson()
+        .then((response: any) => {
+          let formData: FormData = new FormData();
+          formData.append(
+            'JSONData',
+            JSON.stringify(response.jsonObject.Workbook)
+          );
+          formData.append('fileName', 'Sample');
+          formData.append('saveType', 'Xlsx');
+          formData.append(
+            'PdfLayoutSettings',
+            JSON.stringify({ FitSheetOnOnePage: false })
+          );
+          fetch(
+            'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+            {
+              method: 'POST',
+              headers: { Authorization: 'YOUR TEXT' },
+              body: formData,
+            }
+          ).then((response) => {
+            response.blob().then((data) => {
+              let anchor: HTMLElement = createElement('a', {
+                attrs: { download: 'Sample.xlsx' },
+              });
+              let url = URL.createObjectURL(data);
+              (anchor as HTMLAnchorElement).href = url;
+              document.body.appendChild(anchor);
+              anchor.click();
+              URL.revokeObjectURL(url);
+              document.body.removeChild(anchor);
+            });
+          });
+        });
+    }
+  }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.ts
new file mode 100644
index 000000000..c1a3ac784
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs11/src/app.ts
@@ -0,0 +1,70 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MenuSelectEventArgs, SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { createElement } from '@syncfusion/ej2-base';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (fileMenuItemSelect)='onFileItemSelect($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data: object[] | undefined;
+  @ViewChild('spreadsheet') public spreadsheetObj!: SpreadsheetComponent;
+  ngOnInit(): void {
+    this.data = data;
+  }
+  onFileItemSelect(args: MenuSelectEventArgs) {
+    if (args.item.text === 'Microsoft Excel') {
+      args.cancel = true;
+      this.spreadsheetObj
+        .saveAsJson()
+        .then((response: any) => {
+          let formData: FormData = new FormData();
+          formData.append(
+            'JSONData',
+            JSON.stringify(response.jsonObject.Workbook)
+          );
+          formData.append('fileName', 'Sample');
+          formData.append('saveType', 'Xlsx');
+          formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' })),
+          fetch(
+            'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+            {
+              method: 'POST',
+              headers: { Authorization: 'YOUR TEXT' },
+              body: formData,
+            }
+          ).then((response) => {
+            response.blob().then((data) => {
+              let anchor: HTMLElement = createElement('a', {
+                attrs: { download: 'Sample.xlsx' },
+              });
+              let url = URL.createObjectURL(data);
+              (anchor as HTMLAnchorElement).href = url;
+              document.body.appendChild(anchor);
+              anchor.click();
+              URL.revokeObjectURL(url);
+              document.body.removeChild(anchor);
+            });
+          });
+        });
+    }
+  }
+ }
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.ts
new file mode 100644
index 000000000..3820de1bc
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs12/src/app.ts
@@ -0,0 +1,55 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import {
+  SheetModel,
+  ProtectSettingsModel,
+  getRangeAddress,
+} from '@syncfusion/ej2-spreadsheet';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true' (openComplete)='openComplete($event)'> </ejs-spreadsheet>"
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    public spreadsheetObj!: SpreadsheetComponent;
+
+    openComplete(args: Object) {
+        let sheets: SheetModel[] = this.spreadsheetObj.sheets;
+        for (let index: number = 0; index < sheets.length; index++) {
+            let name: string = this.spreadsheetObj.sheets[index].name!;
+            let protectSetting: ProtectSettingsModel = {
+                selectCells: true,
+                formatCells: false,
+            };
+
+            //To protect the sheet using sheet name
+            this.spreadsheetObj.protectSheet(name, protectSetting);
+            let address: string = getRangeAddress([
+                0,
+                0,
+                sheets[index].usedRange?.rowIndex!,
+                sheets[index].usedRange?.colIndex!
+            ]);
+            //To lock the used range cells
+            this.spreadsheetObj.lockCells(name + '!' + address, true);
+        }
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.ts
new file mode 100644
index 000000000..b3877c28f
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs2/src/app.ts
@@ -0,0 +1,36 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (created)='created()' openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true'> </ejs-spreadsheet>"
+})
+export class AppComponent {
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+     created () {
+        fetch("https://cdn.syncfusion.com/scripts/spreadsheet/Sample.xlsx") // fetch the remote url
+          .then((response) => {
+            response.blob().then((fileBlob) => { // convert the excel file to blob
+            let file = new File([fileBlob], "Sample.xlsx"); //convert the blob into file
+            this.spreadsheetObj!.open({ file: file }); // open the file into Spreadsheet
+            })
+          })
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.ts
new file mode 100644
index 000000000..34f088667
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs3/src/app.ts
@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component } from '@angular/core';
+import { SpreadsheetComponent, BeforeSaveEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet (beforeSave)='beforeSave($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> </ejs-spreadsheet>"
+})
+export class AppComponent {
+     beforeSave (args: BeforeSaveEventArgs) {
+        // your code snippets here
+    }
+ }
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.ts
new file mode 100644
index 000000000..4f4a60c56
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs4/src/app.ts
@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit } from '@angular/core';
+import { SpreadsheetComponent, BeforeSaveEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (beforeSave)='beforeSave($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    ngOnInit(): void {
+        this.data = data;
+    }
+    beforeSave (args: BeforeSaveEventArgs) {
+        args.customParams = { customParams: 'you can pass custom params in server side'}; // you can pass the custom params
+    }
+ }
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.ts
new file mode 100644
index 000000000..7d08661a5
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs5/src/app.ts
@@ -0,0 +1,58 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<button ejs-dropdownbutton [items]='items' content='Save' (select)='itemSelect($event)'></button> <ejs-spreadsheet #spreadsheet > <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.data = data;
+    }
+    public items: ItemModel[] = [
+        {
+            text: "Save As xlsx"
+        },
+        {
+            text: "Save As xls"
+        },
+        {
+            text: "Save As csv"
+        },
+        {
+            text: "Save As pdf"
+        }];
+
+    public itemSelect(args: MenuEventArgs) {
+    if (args.item.text === 'Save As xlsx')
+      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xlsx"});
+    if (args.item.text === 'Save As xls')
+      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', fileName: "Sample", saveType: "Xls"});
+    if (args.item.text === 'Save As csv')
+      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',fileName: "Sample", saveType: "Csv"});
+    if (args.item.text === 'Save As pdf')
+      this.spreadsheetObj!.save({url: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',fileName: "Sample", saveType: "Pdf"});
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.ts
new file mode 100644
index 000000000..2e4dbdf9d
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs6/src/app.ts
@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit } from '@angular/core';
+import { SpreadsheetComponent, BeforeSaveEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+import { data } from './datasource';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (beforeSave)='beforeSave($event)' saveUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' allowSave='true'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=90></e-column><e-column [width]=100></e-column><e-column [width]=96></e-column><e-column [width]=120></e-column><e-column [width]=130></e-column><e-column [width]=120></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+    public data?: object[];
+    ngOnInit(): void {
+        this.data = data;
+    }
+    beforeSave (args: BeforeSaveEventArgs) {
+        args.pdfLayoutSettings!.orientation = 'Landscape'; // You can change the orientation of the PDF document
+    }
+ }
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.ts
new file mode 100644
index 000000000..3eff9e4a9
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs7/src/app.ts
@@ -0,0 +1,41 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+  imports: [
+
+    DropDownButtonModule,
+    UploaderModule,
+    SpreadsheetAllModule
+  ],
+
+
+  standalone: true,
+  selector: 'app-container',
+  template:
+    `<div class='control-section'><ejs-uploader #defaultupload id='defaultfileupload' [asyncSettings]='path' (success)='onUploadSuccess($event)' [allowedExtensions]='allowedExtensions'></ejs-uploader><ejs-spreadsheet #default [openUrl]='openUrl' [saveUrl]='saveUrl'></ejs-spreadsheet></div>`
+})
+export class AppComponent {
+  @ViewChild('default')
+  public spreadsheetObj!: SpreadsheetComponent;
+  public openUrl: string =
+    'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl: string =
+    'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+  public path: Object = {
+    saveUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Save',
+    removeUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Remove'
+  };
+  public allowedExtensions: string = '.xlsx, .xls, .csv';
+
+  onUploadSuccess(args: any) {
+    if (args.operation == 'upload')
+      this.spreadsheetObj.open({ file: args.file.rawFile });
+  }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.ts
new file mode 100644
index 000000000..d2701b87f
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs8/src/app.ts
@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, BeforeOpenEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        UploaderModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+  selector: 'app-container',
+  template:
+    "<ejs-spreadsheet #spreadsheet openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true' (beforeOpen)='beforeOpen($event)'> </ejs-spreadsheet>",
+})
+
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+  beforeOpen(args: BeforeOpenEventArgs) {
+    args.requestData = {
+      ...args.requestData,
+      headers: { Authorization: 'YOUR TEXT' },
+    };
+  }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.ts
new file mode 100644
index 000000000..f733a464b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/open-save-cs9/app/app.ts
@@ -0,0 +1,53 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { UploaderModule } from '@syncfusion/ej2-angular-inputs'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import {
+  SheetModel,
+  ProtectSettingsModel,
+  getRangeAddress,
+} from '@syncfusion/ej2-spreadsheet';
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        UploaderModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+  selector: 'app-container',
+  template:
+    "<ejs-spreadsheet #spreadsheet openUrl='https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open' allowOpen='true' (openComplete)='openComplete($event)'> </ejs-spreadsheet>",
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+
+  openComplete(args: Object) {
+    let sheets: SheetModel[] = this.spreadsheetObj.sheets;
+    for (let index: number = 0; index < sheets.length; index++) {
+      let name: string = this.spreadsheetObj.sheets[index].name!;
+      let protectSetting: ProtectSettingsModel = {
+        selectCells: true,
+        formatCells: false,
+      };
+
+      //To protect the sheet using sheet name
+      this.spreadsheetObj.protectSheet(name, protectSetting);
+      let address: string = getRangeAddress([
+        0,
+        0,
+        sheets[index].usedRange?.rowIndex!,
+        sheets[index].usedRange?.colIndex!
+      ]);
+      //To lock the used range cells
+      this.spreadsheetObj.lockCells(name + '!' + address, true);
+    }
+  }
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.ts
new file mode 100644
index 000000000..bb85df9b5
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/passing-sort-cs1/src/app.ts
@@ -0,0 +1,53 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { tradeData } from './datasource';
+import { SpreadsheetComponent, SortDescriptor } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()' (sortComplete)='sortComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='tradeData'></e-range></e-ranges><e-columns><e-column [width]=100></e-column><e-column [width]=120></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    public tradeData?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.tradeData = tradeData;
+    }
+    dataBound(){
+        let sortDescriptors: SortDescriptor[] = [
+            {
+                field: 'F',
+                order: 'Ascending'
+            },
+            {
+                field: 'E',
+                order: 'Ascending'
+            },
+            {
+                field: 'C',
+                order: 'Descending'
+            }];
+            if (this.spreadsheetObj!.activeSheetIndex === 0) {
+                this.spreadsheetObj!.sort({ sortDescriptors: sortDescriptors, containsHeader: true }, 'A1:H30');
+            }
+    };
+    sortComplete (args : any) {
+        this.spreadsheetObj!.selectRange(args.range);
+        // code here.
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.ts
new file mode 100644
index 000000000..d0933fe6d
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/print-cs1/src/app.ts
@@ -0,0 +1,181 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { dataSource1, dataSource2, printElement, isPrint } from './datasource';
+import { SpreadsheetComponent, CellModel, UsedRangeModel, SheetModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
+import { getComponent, print } from '@syncfusion/ej2-base';
+
+@Component({
+imports: [
+        
+        DropDownButtonModule,
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<button ejs-dropdownbutton [items]='items' content='Print' (select)='itemSelect($event)'></button>
+    <ejs-spreadsheet #spreadsheet id="spreadsheet" (created)="created()" (dataBound)="dataBound()">
+                <e-sheets>
+                  <e-sheet name="Budget">
+                    <e-ranges>
+                      <e-range [dataSource]="budgetData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <e-sheet name="Salary">
+                    <e-ranges>
+                      <e-range [dataSource]="salaryData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent implements OnInit {
+  ngOnInit(): void {
+    throw new Error('Method not implemented.');
+  }
+
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+
+    budgetData: object[] = dataSource1;
+
+    salaryData: object[] = dataSource2;
+    public items: ItemModel[] = [
+    {
+      text: "Print"
+    },
+    {
+      text: "Print All"
+    }];
+    public itemSelect(args: MenuEventArgs) {
+      let spreadsheet = getComponent((document as any).getElementById("spreadsheet"), "spreadsheet");
+      if (args.item.text === 'Print') {
+      printElement.querySelector(".e-sheet-content")!.innerHTML = document.querySelector(
+        ".e-sheet-content"
+      )!.outerHTML; //  To add the spreadsheet table
+      let usedRange: UsedRangeModel = (spreadsheet as any).getActiveSheet().usedRange;
+      let tbody: Element = printElement.querySelector('tbody') as Element;
+      for (let i: number = tbody.getElementsByClassName('e-row').length; i >= 0; i--) {
+        if (tbody.getElementsByClassName('e-row')[i] && parseInt((tbody as any).getElementsByClassName('e-row')[i].getAttribute('aria-rowindex')) > usedRange.rowIndex! + 1) {
+          tbody.getElementsByClassName('e-row')[i].remove();
+        }
+      }
+      (printElement.querySelector('.e-sheet-content')!.children[0].getElementsByClassName('e-virtualtrack')[0] as HTMLElement).style.height = 'auto';
+      print(printElement);
+      printElement.querySelector(".e-sheet-content")!.innerHTML = '';
+    }
+    if (args.item.text === 'Print All') {
+      let sheets: SheetModel[] = (spreadsheet as any).sheets;
+      if ((spreadsheet as any).activeSheetIndex === 0) {
+        printElement.querySelector(".e-sheet-content")!.innerHTML = document.querySelector(
+          ".e-sheet-content"
+        )!.outerHTML; //  To add the spreadsheet table
+
+        let usedRange: UsedRangeModel = (spreadsheet as any).getActiveSheet().usedRange;
+        let tbody: Element = printElement.querySelector('tbody') as Element;
+        for (let i: number = tbody.getElementsByClassName('e-row').length; i >= 0; i--) {
+          if (tbody.getElementsByClassName('e-row')[i] && parseInt((tbody.getElementsByClassName('e-row')[i] as any).getAttribute('aria-rowindex')) > usedRange.rowIndex! + 1) {
+            tbody.getElementsByClassName('e-row')[i].remove();
+          }
+        }
+
+        if (sheets[(spreadsheet as any).activeSheetIndex + 1]) {
+          (spreadsheet as any).goTo(sheets[(spreadsheet as any).activeSheetIndex + 1].name + "!A1");
+
+        } else {
+          print(printElement);
+          printElement.querySelector(".e-sheet-content")!.innerHTML = '';
+        }
+      } else {
+        if (sheets[0]) {
+          (spreadsheet as any).goTo(sheets[0].name + "!A1");
+
+        }
+      }
+    }
+    }
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold'}, 'A11:D11');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold'}, 'Salary!A11:D11');
+    }
+  dataBound() {
+    if (isPrint) {
+      let spreadsheet = getComponent(document.getElementById("spreadsheet") as any, "spreadsheet");
+      printElement.querySelector(
+        '.e-sheet-content'
+      )!.innerHTML += document.querySelector('.e-sheet-content')!.outerHTML;
+      let usedRange: UsedRangeModel = (spreadsheet as any).getActiveSheet()
+        .usedRange;
+      let tbody: Element = printElement
+        .querySelector('.e-sheet-content')!
+        .children[(spreadsheet as any).activeSheetIndex].querySelector('tbody') as Element;
+      for (
+        let i: number = tbody.getElementsByClassName('e-row').length;
+        i >= 0;
+        i--
+      ) {
+        if (
+          tbody.getElementsByClassName('e-row')[i] &&
+          parseInt(
+            tbody
+              .getElementsByClassName('e-row')
+              [i].getAttribute('aria-rowindex') as any
+          ) >
+            usedRange.rowIndex! + 1
+        ) {
+          tbody.getElementsByClassName('e-row')[i].remove();
+        }
+      }
+      let sheets: SheetModel[] = (spreadsheet as any).sheets;
+      if (sheets.length - 1 === (spreadsheet as any).activeSheetIndex) {
+        let count: number = printElement.querySelector('.e-sheet-content')!
+          .childElementCount;
+        if (count > 1) {
+          for (let i: number = 0; i < count; i++) {
+            (printElement
+              .querySelector('.e-sheet-content')!
+              .children[i].getElementsByClassName(
+                'e-virtualtrack'
+              )[0] as HTMLElement).style.height = 'auto';
+            printElement
+              .querySelector('.e-sheet-content')!
+              .children[i].setAttribute('style', 'page-break-after: always;');
+          }
+        }
+        print(printElement);
+
+        printElement.querySelector('.e-sheet-content')!.innerHTML = '';
+      } else {
+        if (sheets[(spreadsheet as any).activeSheetIndex + 1]) {
+          (spreadsheet as any).goTo(
+            sheets[(spreadsheet as any).activeSheetIndex + 1].name + '!A1'
+          );
+        }
+      }
+    }
+  }
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.ts
new file mode 100644
index 000000000..1d5caa9c8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/print-cs2/src/app.ts
@@ -0,0 +1,72 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, SpreadsheetAllModule, PrintType } from '@syncfusion/ej2-angular-spreadsheet';
+import { ItemModel, MenuEventArgs } from '@syncfusion/ej2-angular-splitbuttons';
+import { dataSource1, dataSource2 } from './datasource';
+
+
+@Component({
+  imports: [
+    DropDownButtonModule,
+    SpreadsheetAllModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<div> <div id="print"> <button ejs-dropdownbutton [items]='items' content='Print' (select)='itemSelect($event)'></button>
+  <input type="checkbox" id="gridline"><label for="gridline">Allow Grid Lines</label>
+  <input type="checkbox" id="header"><label for="header">Allow Row Column Header</label>
+</div>
+<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true">
+      <e-sheets>
+        <e-sheet name="Budget">
+          <e-ranges>
+            <e-range [dataSource]="budgetData"></e-range>
+          </e-ranges>
+          <e-columns>
+            <e-column [width]=100></e-column>
+            <e-column [width]=100></e-column>
+            <e-column [width]=100></e-column>
+            <e-column [width]=100></e-column>
+          </e-columns>
+        </e-sheet>
+        <e-sheet name="Salary">
+          <e-ranges>
+            <e-range [dataSource]="salaryData"></e-range>
+          </e-ranges>
+          <e-columns>
+            <e-column [width]=100></e-column>
+            <e-column [width]=100></e-column>
+            <e-column [width]=100></e-column>
+            <e-column [width]=100></e-column>
+            </e-columns>
+        </e-sheet>
+      </e-sheets>
+    </ejs-spreadsheet></div>`
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  spreadsheetObj: SpreadsheetComponent | undefined;
+  public budgetData: object[] = dataSource1;
+  public salaryData: object[] = dataSource2;
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+  public items: ItemModel[] = [{ text: 'ActiveSheet' }, { text: 'Workbook' }];
+  created() {
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
+  }
+  public itemSelect(args: MenuEventArgs) {
+    if (this.spreadsheetObj) {
+      const allowGridLines: HTMLInputElement = document.getElementById('gridline') as HTMLInputElement;
+      const allowRowColumnHeader: HTMLInputElement = document.getElementById('header') as HTMLInputElement;
+      this.spreadsheetObj!.print({
+        type: args.item.text as PrintType,
+        allowGridLines: allowGridLines.checked,
+        allowRowColumnHeader: allowRowColumnHeader.checked
+      });
+    }
+  }
+}
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.ts
new file mode 100644
index 000000000..b26907e60
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/print-cs3/src/app.ts
@@ -0,0 +1,59 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource1, dataSource2 } from './datasource';
+
+
+@Component({
+    imports: [
+
+        SpreadsheetAllModule
+    ],
+
+
+    standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl" allowOpen="true" [saveUrl]="saveUrl" allowSave="true" [allowPrint]="false">
+                <e-sheets>
+                  <e-sheet name="Budget">
+                    <e-ranges>
+                      <e-range [dataSource]="budgetData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <e-sheet name="Salary">
+                    <e-ranges>
+                      <e-range [dataSource]="salaryData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+    public budgetData: object[] = dataSource1;
+    public salaryData: object[] = dataSource2;
+    public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+    public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.ts
new file mode 100644
index 000000000..309d03510
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/protect-sheet-cs1/src/app.ts
@@ -0,0 +1,66 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1, dataSource2 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+
+
+  standalone: true,
+  selector: 'app-container',
+  template: `<ejs-spreadsheet #spreadsheet (created)="created()">
+                <e-sheets>
+                  <e-sheet name="Budget" [isProtected]="true" [protectSettings]="{ selectCells: true }">
+                    <e-ranges>
+                      <e-range [dataSource]="budgetData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <e-sheet name="Salary">
+                    <e-ranges>
+                      <e-range [dataSource]="salaryData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+  @ViewChild('spreadsheet')
+  spreadsheetObj: SpreadsheetComponent | undefined;
+
+  budgetData: object[] = dataSource1;
+
+  salaryData: object[] = dataSource2;
+
+  created() {
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:D1');
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A11:D11');
+    this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Salary!A1:D1');
+    this.spreadsheetObj!.protectSheet(1, { selectCells: true }, "syncfusion"); // protect sheet with password
+  }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.ts
new file mode 100644
index 000000000..c54000581
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/readonly-cs1/src/app.ts
@@ -0,0 +1,72 @@
+import { NgModule, ViewChild } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule, SpreadsheetComponent, created } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component } from '@angular/core';
+import { getDefaultData } from './datasource';
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<div class="control-section">
+  <button className="e-btn custom-btn" (click)="readOnlyRow()">Make Row 2 readOnly</button>
+  <button className="e-btn custom-btn" (click)="readOnlyCell()">Make E5 cell readOnly</button>
+  <button className="e-btn custom-btn" (click)="removeReadOnly()">Remove readOnly</button>
+  <button className="e-btn custom-btn" (click)="readOnlyCol()">Make Column A readOnly</button>
+  <ejs-spreadsheet #spreadsheet [openUrl]="openUrl" [saveUrl]="saveUrl">
+    <e-sheets>
+      <e-sheet name="Car Sales Report">
+        <e-ranges>
+          <e-range [dataSource]="data"></e-range>
+        </e-ranges>
+        <e-rows>
+          <e-row [index]="3" [isReadOnly]="true"></e-row>
+          <e-row [index]="4">
+            <e-cells>
+              <e-cell [index]="5" [isReadOnly]="true"></e-cell>
+            </e-cells>
+          </e-row>
+        </e-rows>
+        <e-columns>
+          <e-column [width]="180"></e-column>
+          <e-column [width]="130"></e-column>
+          <e-column [isReadOnly]="true" [width]="130"></e-column>
+          <e-column [width]="180"></e-column>
+          <e-column [width]="130"></e-column>
+          <e-column [width]="120"></e-column>
+        </e-columns>
+      </e-sheet>
+    </e-sheets>
+  </ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+  constructor() {
+
+  }
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+  public data: Object[] = getDefaultData();
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+  public saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+
+  readOnlyRow(): void {
+    this.spreadsheetObj.setRangeReadOnly(true, '2:2', this.spreadsheetObj.activeSheetIndex);
+  }
+  readOnlyCol(): void {
+    this.spreadsheetObj.setRangeReadOnly(true, 'A:A', this.spreadsheetObj.activeSheetIndex);
+  }
+  readOnlyCell(): void {
+    this.spreadsheetObj.setRangeReadOnly(true, 'E5:E5', this.spreadsheetObj.activeSheetIndex);
+  }
+  removeReadOnly(): void {
+    this.spreadsheetObj.setRangeReadOnly(false, '2:2', this.spreadsheetObj.activeSheetIndex);
+    this.spreadsheetObj.setRangeReadOnly(false, 'A:A', this.spreadsheetObj.activeSheetIndex);
+    this.spreadsheetObj.setRangeReadOnly(false, 'E5:E5', this.spreadsheetObj.activeSheetIndex);
+  }
+
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.ts
new file mode 100644
index 000000000..52e4c909a
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs1/src/app.ts
@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { DataManager, Query } from '@syncfusion/ej2-data';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet><e-sheets><e-sheet name='Shipment Details'> <e-ranges> <e-range [showFieldAsHeader]='false' startCell='A2' [dataSource]='data' [query]='query'>  </e-range> </e-ranges><e-rows><e-row><e-cells><e-cell value='Order ID'></e-cell> <e-cell value='Customer Name'></e-cell> <e-cell value='Freight'></e-cell>  <e-cell value='Ship Name'></e-cell><e-cell value='Ship City'></e-cell> <e-cell value='Ship Country'></e-cell></e-cells> </e-row></e-rows><e-columns><e-column [width]=100></e-column>  <e-column [width]=130></e-column> <e-column [width]=100></e-column>  <e-column [width]=220></e-column>  <e-column [width]=150></e-column> <e-column [width]=180></e-column>  </e-columns> </e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    public query: Query = new Query().select(['OrderID', 'CustomerID', 'ShipName', 'ShipCity', 'ShipCountry', 'Freight']).take(200);
+    public data: DataManager = new DataManager({
+        url: 'https://services.syncfusion.com/js/production/api/Orders',
+        crossDomain: true
+    });
+    ngOnInit(): void {
+        this.data = this.data;
+    }
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.ts
new file mode 100644
index 000000000..029b8788b
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs2/src/app.ts
@@ -0,0 +1,45 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
+import { SpreadsheetComponent, CellModel, UsedRangeModel, SheetModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { getComponent, print } from '@syncfusion/ej2-base';
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=280></e-column><e-column [width]=180></e-column><e-column [width]=80></e-column><e-column [width]=180></e-column><e-column [width]=180></e-column></e-columns> </e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    @ViewChild('spreadsheet')
+    public spreadsheetObj: SpreadsheetComponent | undefined;
+    public data?: DataManager;
+
+    ngOnInit(): void {
+        this.data = new DataManager({
+            url: 'https://services.syncfusion.com/angular/production/api/Orders',
+            adaptor: new ODataAdaptor(),
+            crossDomain: true
+        });
+    }
+
+    created(){
+         //Applies cell and number formatting to specified range of the active sheet
+         this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' },
+            'A1:K1');
+    };
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.ts
new file mode 100644
index 000000000..aef4c50e6
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/remote-data-binding-cs3/src/app.ts
@@ -0,0 +1,45 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { DataManager, WebApiAdaptor } from '@syncfusion/ej2-data';
+import { getComponent, print } from '@syncfusion/ej2-base';
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (created)='created()'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='data'></e-range></e-ranges><e-columns><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=80></e-column><e-column [width]=280></e-column><e-column [width]=180></e-column><e-column [width]=80></e-column><e-column [width]=180></e-column><e-column [width]=180></e-column></e-columns> </e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    @ViewChild('spreadsheet')
+    public spreadsheetObj: SpreadsheetComponent | undefined;
+    public data?: DataManager;
+
+    ngOnInit(): void {
+        this.data = new DataManager({
+            url: 'https://services.syncfusion.com/angular/production/api/Orders',
+            adaptor: new WebApiAdaptor(),
+            crossDomain: true
+        });
+    }
+
+    created(){
+         //Applies cell and number formatting to specified range of the active sheet
+         this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' },
+            'A1:K1');
+    };
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.ts
new file mode 100644
index 000000000..2ac491e53
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/ribbon/cutomization-cs1/src/app.ts
@@ -0,0 +1,147 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, MenuSelectEventArgs } from '@syncfusion/ej2-angular-spreadsheet';
+import { DropDownButton, ItemModel, MenuEventArgs } from "@syncfusion/ej2-splitbuttons";
+import { select, createElement } from '@syncfusion/ej2-base';
+import { ClickEventArgs } from '@syncfusion/ej2-navigations';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" (fileMenuBeforeOpen)="fileMenuBeforeOpen()"
+                (fileMenuItemSelect)="fileMenuItemSelect($event)" [openUrl]="openUrl" [saveUrl]="saveUrl" [showFormulaBar]="false" [showSheetTabs]="false" [allowInsert]="false" [allowDelete]="false" [allowMerge]="false">
+                <e-sheets>
+                  <e-sheet>
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=180></e-column>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=180></e-column>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=120></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+    openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+    saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save';
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:F1');
+        // Hiding the `Insert` from ribbon.
+        this.spreadsheetObj!.hideRibbonTabs(['Insert']);
+        // Set disabled state to `View` ribbon tab.
+        this.spreadsheetObj!.enableRibbonTabs(['View'], false);
+        /// Adding the `Help` ribbon tab at the last index.
+        // Specify the ribbon tab header text in last optional argument(`insertBefore`) for inserting new tab before any existing tab.
+        this.spreadsheetObj!.addRibbonTabs([{ header: { text: 'Help' }, content: [{ text: 'Feedback', tooltipText: 'Feedback',
+            click: (args: ClickEventArgs): void => { /* Any click action for this toolbar item will come here. */ } }] }]);
+        // Hiding the unwanted toobar items from `Home` by specifying its index.
+        this.spreadsheetObj!.hideToolbarItems('Home', [0, 1, 2, 4, 14, 15, 21, 24]);
+        // Set diable state to `Underline`, 'Wrap text` toobar items from `Home` by specifying the item id.
+        this.spreadsheetObj!.enableToolbarItems(
+            'Home', [`${this.spreadsheetObj!.element.id}_underline`, `${this.spreadsheetObj!.element.id}_wrap`], false);
+        // Set disable state to `Protect Sheet` toolbar item from `Data` by mentioning its index.
+        this.spreadsheetObj!.enableToolbarItems('Data', [0], false);
+        // Adding the new `Custom Formulas` toolbar item under `Formulas` tab for adding custom formulas.
+        this.spreadsheetObj!.addToolbarItems(
+            'Formulas', [{ type: 'Separator' }, {
+                text: 'Custom Formulas', tooltipText: 'Custom Formulas',
+                // You can set click handler for each new custom toolbar item
+                click: (args: ClickEventArgs): void => {
+                    // You can add custom formualas here.
+                }
+            }]);
+        // Adding new custom item `Import` after the existing `Open` item. By default, new item will add after the specified item.
+        this.spreadsheetObj!.addFileMenuItems([{ text: 'Import', iconCss: 'e-open e-icons' }], 'Open');
+        // Adding new custom item `Export As` after the existing `Save As` item.
+        // Set `insertAfter` optional argument as `false` for adding new item before the specified item.
+        this.spreadsheetObj!.addFileMenuItems(
+            [{
+                text: 'Export As', iconCss: 'e-save e-icons', items: [{ text: 'XLSX', iconCss: 'e-xlsx e-icons' },
+                    { text: 'XLS', iconCss: 'e-xls e-icons' }, { text: 'CSV', iconCss: 'e-csv e-icons' }]
+            }],
+            'Save As', false);
+        // Adding the new `custom dropdown button` in the ribbon toolbar item under the `Data` tab for adding a custom dropdown button using the addToolbarItems method in the spreadsheet ribbon.
+        this.spreadsheetObj!.addToolbarItems(
+            'Data',
+            [
+                { type: 'Separator' },
+                {
+                    id: 'custombtn',
+                    tooltipText: 'Custom Btn',
+                    template: this.appendDropdownBtn('custombtn'),
+                },
+            ],
+            7
+        );
+    }
+
+    fileMenuBeforeOpen (): void {
+        // Because the file menu items are created dynamically, you need to perform the hide or show and enable/disable operations
+        // under filemenu before open event.
+        // Hiding the `Save As` and `Open` item.
+        this.spreadsheetObj!.hideFileMenuItems(['Save As', 'Open']);
+         // Set disable state to `New` item. You can perform any file menu items customization by specifying the item id,
+        // if it has more than one same item text. Set the last argument `isUniqueId` as true for using the item id.
+        this.spreadsheetObj!.enableFileMenuItems([`${this.spreadsheetObj!.element.id}_New`], false, true);
+    }
+
+    fileMenuItemSelect (args: MenuSelectEventArgs): void {
+        // Custom file menu items select handler
+        switch (args.item.text) {
+            case 'Import': select(`#${this.spreadsheetObj!.element.id}_fileUpload`, this.spreadsheetObj!.element).click();
+                break;
+            case 'XLSX': this.spreadsheetObj!.save({ saveType: 'Xlsx' });
+                break;
+            case 'XLS': this.spreadsheetObj!.save({ saveType: 'Xls' });
+                break;
+            case 'CSV': this.spreadsheetObj!.save({ saveType: 'Csv' });
+                break;
+      }
+    }
+
+    appendDropdownBtn(id: string): HTMLElement {
+        let ddlItems: ItemModel[] = [
+          {
+            text: 'Download Excel',
+          },
+          {
+            text: 'Download CSV',
+          },
+        ];
+        let btnObj: DropDownButton = new DropDownButton({
+          items: ddlItems,
+          content: 'Download',
+          iconCss: 'e-icons e-download',
+          select: (args: MenuEventArgs): void => {
+            alert(args.item.text + ' clicked');
+          },
+        });
+        btnObj.appendTo(createElement('button', { id: id }));
+        return btnObj.element;
+      }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.ts
new file mode 100644
index 000000000..3194001f7
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/save-as-blobdata-cs1/src/app.ts
@@ -0,0 +1,53 @@
+import { NgModule, ViewChild } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { BeforeSaveEventArgs, SaveCompleteEventArgs, SpreadsheetAllModule, SpreadsheetComponent, created } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component } from '@angular/core';
+import { getDefaultData } from './datasource';
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<div class="control-section">
+  <ejs-spreadsheet #spreadsheet openUrl="https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open" saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save' (beforeSave)="beforeSave($event)" (saveComplete)="saveComplete($event)">
+        <e-sheets>
+            <e-sheet name="Car Sales Report">
+                <e-ranges>
+                    <e-range [dataSource]="data"></e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=180></e-column>
+                    <e-column [width]=130></e-column>
+                    <e-column [width]=120></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+  constructor() {
+
+  }
+  
+  @ViewChild('spreadsheet')
+  
+  public spreadsheetObj!: SpreadsheetComponent;
+  public data: Object[] = getDefaultData();
+
+    beforeSave(args: BeforeSaveEventArgs): void {
+        args.needBlobData = true; // To trigger the saveComplete event.
+        args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
+    };
+    saveComplete(args: SaveCompleteEventArgs): void {
+        // To obtain the Blob data.
+        console.log("Spreadsheet BlobData: ", args.blobData)
+    };
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.ts
new file mode 100644
index 000000000..d68d6e69c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/save-as-json/src/app.ts
@@ -0,0 +1,99 @@
+import { NgModule, ViewChild } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule, SpreadsheetComponent, SerializationOptions } from '@syncfusion/ej2-angular-spreadsheet'
+import { createElement } from '@syncfusion/ej2-base';
+import { Component } from '@angular/core';
+
+@Component({
+  imports: [
+
+    SpreadsheetAllModule
+  ],
+  standalone: true,
+  selector: 'app-container',
+  template: `<div class="control-section">
+  <div id="Saveasjson">
+        <label id="Heading">Save As Json Options:</label> <br>
+        <input type="checkbox" id="valueOnly" (change)="toggleCheckboxes()"><label for="valueOnly">Only Values</label>
+        <input type="checkbox" id="style"><label for="style">Ignore Style</label>
+        <input type="checkbox" id="formula"><label for="formula">Ignore Formula</label>
+        <input type="checkbox" id="format"><label for="format">Ignore Format</label>
+        <input type="checkbox" id="cf"><label for="cf">Ignore CF</label>
+        <input type="checkbox" id="dv"><label for="dv">Ignore Validation</label>
+        <input type="checkbox" id="freeze"><label for="freeze">Ignore Freezepane</label>
+        <input type="checkbox" id="wrap"><label for="wrap">Ignore Wrap</label>
+        <input type="checkbox" id="chart"><label for="chart">Ignore Chart</label>
+        <input type="checkbox" id="image"><label for="image">Ignore Image</label>
+        <input type="checkbox" id="note"><label for="note">Ignore Note</label>
+        <button class="e-btn" (click)="saveFile()">Save with JSON Serialization</button>
+    </div>
+    <ejs-spreadsheet #spreadsheet [openUrl]="openUrl" ></ejs-spreadsheet>
+</div>`
+})
+export class AppComponent {
+  constructor() {
+      
+  }
+  @ViewChild('spreadsheet')
+  public spreadsheetObj!: SpreadsheetComponent;
+  public openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+
+  createOptions() {
+      const options: SerializationOptions = {};
+      options.ignoreStyle = (document.getElementById('style') as HTMLInputElement).checked;
+      options.ignoreFormula = (document.getElementById('formula') as HTMLInputElement).checked;
+      options.ignoreFormat = (document.getElementById('format') as HTMLInputElement).checked;
+      options.ignoreConditionalFormat = (document.getElementById('cf') as HTMLInputElement).checked;
+      options.ignoreValidation = (document.getElementById('dv') as HTMLInputElement).checked;
+      options.ignoreFreezePane = (document.getElementById('freeze') as HTMLInputElement).checked;
+      options.ignoreWrap = (document.getElementById('wrap') as HTMLInputElement).checked;
+      options.ignoreChart = (document.getElementById('chart') as HTMLInputElement).checked;
+      options.ignoreImage = (document.getElementById('image') as HTMLInputElement).checked;
+      options.ignoreNote = (document.getElementById('note') as HTMLInputElement).checked;
+      return options;
+  }
+  toggleCheckboxes() {
+      let valueOnlyCheckbox: HTMLInputElement = document.getElementById('valueOnly') as HTMLInputElement;
+      let checkboxes: NodeListOf<Element> = document.querySelectorAll('#Saveasjson input[type="checkbox"]:not(#valueOnly)');
+      checkboxes.forEach(checkbox => {
+          (checkbox as HTMLInputElement).disabled = valueOnlyCheckbox.checked;
+          if (valueOnlyCheckbox.checked) {
+              (checkbox as HTMLInputElement).checked = false;
+          }
+      });
+  }
+  saveFile() {
+      let valueOnlyCheckbox: boolean = (document.getElementById("valueOnly") as HTMLInputElement).checked;
+      let options: SerializationOptions = valueOnlyCheckbox ? { onlyValues: true } : this.createOptions();
+      this.spreadsheetObj.saveAsJson(options).then((response: any) => {
+          let formData: FormData = new FormData();
+          formData.append(
+              'JSONData',
+              JSON.stringify(response.jsonObject.Workbook)
+          );
+          formData.append('fileName', 'Sample');
+          formData.append('saveType', 'Xlsx');
+          formData.append('pdfLayoutSettings', JSON.stringify({ fitSheetOnOnePage: false, orientation: 'Portrait' })),
+              fetch(
+                  'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
+                  {
+                      method: 'POST',
+                      body: formData,
+                  }
+              ).then((response) => {
+                  response.blob().then((data) => {
+                      let anchor: HTMLElement | any = createElement('a', {
+                          attrs: { download: 'Sample.xlsx' },
+                      });
+                      let url: string = URL.createObjectURL(data);
+                      anchor.href = url;
+                      document.body.appendChild(anchor);
+                      anchor.click();
+                      URL.revokeObjectURL(url);
+                      document.body.removeChild(anchor);
+                  });
+              });
+      });
+  }
+}
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.ts
new file mode 100644
index 000000000..a614bc286
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/scrolling-cs1/src/app.ts
@@ -0,0 +1,53 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [allowScrolling]="true" [scrollSettings]="{ isFinite: true }">
+                <e-sheets>
+                  <e-sheet name="Price Details" rowCount="9" colCount="7">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.ts
new file mode 100644
index 000000000..f9d7efcae
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/searching-cs1/src/app.ts
@@ -0,0 +1,68 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1, dataSource2 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <e-sheet name="Budget Details">
+                    <e-ranges>
+                      <e-range [dataSource]="budgetData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                      <e-column [width]=100></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+
+    budgetData: object[] = dataSource2;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Budget Details!A1:D1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.ts
new file mode 100644
index 000000000..a9e2c4156
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selected-cell-values/src/app.ts
@@ -0,0 +1,53 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { defaultData } from './datasource';
+import { SpreadsheetComponent, SheetModel, getRangeIndexes, getSwapRange, getRangeAddress, CellModel } from '@syncfusion/ej2-angular-spreadsheet';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+
+@Component({
+    selector: 'app-container',
+    template: `<button class="e-btn custom-btn" (click)="onClick()">Get Selected Cell Values</button>
+    <ejs-spreadsheet #spreadsheet (created)='created()'> 
+        <e-sheets> 
+            <e-sheet> 
+                <e-ranges> 
+                    <e-range [dataSource]='dataSource'>
+                    </e-range>
+                </e-ranges>
+                <e-columns>
+                    <e-column [width]=150></e-column>
+                    <e-column [width]=120></e-column>
+                    <e-column [width]=100></e-column>
+                </e-columns>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+
+export class AppComponent implements OnInit {
+    public dataSource?: object[];
+    @ViewChild('spreadsheet')
+    public spreadsheetObj!: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.dataSource = defaultData;
+    }
+    created() {
+        // Applies cell formatting to specified range of the active sheet.
+        this.spreadsheetObj.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
+    };
+    onClick(): void {
+        let sheet: SheetModel = this.spreadsheetObj.getActiveSheet();
+        let selectedRange: string | undefined = sheet.selectedRange;
+        let index: number[] = getRangeIndexes(selectedRange as string);
+        let cellRange: number[] = getSwapRange(index);
+        let swappedRange: string = getRangeAddress(cellRange);
+        let valueObject: string[] = [];
+        let range: string = sheet.name + '!' + swappedRange;
+        // Get the collection of selected cell values by using the getData() method.
+        this.spreadsheetObj.getData(range).then((cells: Map<string, CellModel>) => {
+            cells.forEach((cell: CellModel) => {
+                valueObject.push(isNullOrUndefined((cell.value) as string) ? '' : (cell.value) as string);
+            });
+            console.log("Collection of selected cell values:", valueObject);
+        });
+    }
+}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.ts
new file mode 100644
index 000000000..ccb0f37e2
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs1/src/app.ts
@@ -0,0 +1,54 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, getRangeAddress } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()"  (cellEdit)="cellEdit($event)" [selectionSettings]="{ mode: 'Multiple' }">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        var colCount = this.spreadsheetObj!.getActiveSheet().colCount;
+        this.spreadsheetObj!.selectRange(getRangeAddress([4, 0, 4, colCount as any]));
+    }
+    cellEdit(args : any) {
+        args.cancel = true;
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.ts
new file mode 100644
index 000000000..061459340
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs2/src/app.ts
@@ -0,0 +1,51 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent, getRangeAddress } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [selectionSettings]="{ mode: 'Multiple' }">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        var rowCount = this.spreadsheetObj!.getActiveSheet().rowCount;
+        this.spreadsheetObj!.selectRange(getRangeAddress([0, 2, rowCount as any, 2]));
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.ts
new file mode 100644
index 000000000..c4855f09c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/selection-cs3/src/app.ts
@@ -0,0 +1,49 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource1 } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [selectionSettings]="{ mode: 'None' }">
+                <e-sheets>
+                  <e-sheet name="Price Details">
+                    <e-ranges>
+                      <e-range [dataSource]="priceData"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=130></e-column>
+                      <e-column [width]=92></e-column>
+                      <e-column [width]=96></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    priceData: object[] = dataSource1;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.ts
new file mode 100644
index 000000000..e123b92a9
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/sheet-visibility-cs1/src/app.ts
@@ -0,0 +1,95 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { enableRipple } from '@syncfusion/ej2-base';
+import { dataSource } from './datasource';
+
+enableRipple(true);
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [openUrl]="openUrl"
+                [saveUrl]="saveUrl" [showFormulaBar]="false" [showRibbon]="false">
+                <e-sheets>
+                  <!-- By default, state is set as 'visible'. We don’t  need to said it in the sample. -->
+                  <e-sheet name="Visible Sheet" state="Visible">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <!-- Sets sheet state as 'VeryHidden'. It can't be unhidden. -->
+                  <e-sheet name="Very Hidden Sheet" state="VeryHidden">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                    </e-columns>
+                  </e-sheet>
+                  <!-- Sets sheet state as 'Hidden'. It can be unhidden dynamically. -->
+                  <e-sheet name="Hidden Sheet" state="Hidden">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=110></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                      <e-column [width]=85></e-column>
+                    </e-columns>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+    openUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open';
+    saveUrl = 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save'
+
+    created() {
+        // Applies style formatting to active visible sheet
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:H11');
+        // Applies style formatting to active hidden sheet
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Hidden Sheet!A1:H1');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'Hidden Sheet!D2:H11');
+    }
+}
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.ts
new file mode 100644
index 000000000..cebfd2213
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/sort-by-cell-cs1/src/app.ts
@@ -0,0 +1,42 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { defaultData } from './datasource';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<ejs-spreadsheet #spreadsheet (dataBound)='dataBound()' (sortComplete)='sortComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='defaultData'></e-range></e-ranges><e-columns><e-column [width]=130></e-column><e-column [width]=92></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    public defaultData?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.defaultData = defaultData;
+    }
+    dataBound(){
+        if (this.spreadsheetObj!.activeSheetIndex === 0) {
+            this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'A1:H1');
+            this.spreadsheetObj!.sort({ containsHeader: true }, 'A1:H11');
+        }
+    };
+    sortComplete (args : any) {
+        this.spreadsheetObj!.selectRange(args.range);
+        // code here.
+    }
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.ts
new file mode 100644
index 000000000..8786698d5
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component } from '@angular/core';
+
+@Component({
+imports: [
+        SpreadsheetAllModule
+    ],
+
+standalone: true,
+    selector: 'app-root',
+    template: '<ejs-spreadsheet > </ejs-spreadsheet>'
+})
+export class AppComponent { }
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.ts
new file mode 100644
index 000000000..4ddd6de15
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/template-cs1/src/app.ts
@@ -0,0 +1,148 @@
+import { DropDownListAllModule, MultiSelectAllModule } from '@syncfusion/ej2-angular-dropdowns'
+import { RadioButtonAllModule, ButtonAllModule } from '@syncfusion/ej2-angular-buttons'
+import { TextBoxAllModule } from '@syncfusion/ej2-angular-inputs'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { CommonModule } from '@angular/common'
+import { BrowserModule } from '@angular/platform-browser'
+import { NgModule } from '@angular/core'
+
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        CommonModule, SpreadsheetAllModule,  TextBoxAllModule, RadioButtonAllModule, DropDownListAllModule, MultiSelectAllModule, ButtonAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet [showRibbon]="false" [allowResizing]="false" [showFormulaBar]="false" [allowOpen]="false" [allowSave]="false"
+        [scrollSettings]="{ isFinite: true }" (created)="created()" [allowEditing]="false" [selectionSettings]="{ mode: 'None' }">
+        <e-sheets>
+            <e-sheet name="Registration Form" [rowCount]=40 [colCount]=30 [showGridLines]="false">
+                <e-rows>
+                    <e-row [height]=55>
+                        <e-cells>
+                            <e-cell [index]=1 value="Interview Registration Form" [style]="{ fontSize: '12pt', fontWeight: 'bold',
+                                textAlign: 'center', verticalAlign: 'middle', textDecoration: 'underline' }"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=55>
+                        <e-cells>
+                            <e-cell [index]=1 value="Name:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=45>
+                        <e-cells>
+                            <e-cell [index]=1 value="Date of Birth:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=45>
+                        <e-cells>
+                            <e-cell [index]=1 value="Gender:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=45>
+                        <e-cells>
+                            <e-cell [index]=1 value="Year of Experience:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=45>
+                        <e-cells>
+                            <e-cell [index]=1 value="Areas of Interest:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=45>
+                        <e-cells>
+                            <e-cell [index]=1 value="Mobile Number:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=45>
+                        <e-cells>
+                            <e-cell [index]=1 value="Email:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                    <e-row [height]=82>
+                        <e-cells>
+                            <e-cell [index]="1" value="Address:"></e-cell>
+                        </e-cells>
+                    </e-row>
+                </e-rows>
+                <e-columns>
+                    <e-column [index]=1 [width]=190></e-column>
+                    <e-column [width]=350></e-column>
+                </e-columns>
+                <e-ranges>
+                    <e-range address="C2">
+                        <ng-template #template>
+                            <ejs-textbox placeholder="Name"></ejs-textbox>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C3">
+                        <ng-template #template>
+                            <ejs-textbox placeholder="DOB"></ejs-textbox>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C4">
+                        <ng-template #template>
+                            <div>
+                                <ejs-radiobutton name="gender" value="male" label="Male"></ejs-radiobutton>
+                                <ejs-radiobutton name="gender" value="female" label="Female"></ejs-radiobutton>
+                            </div>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C5">
+                        <ng-template #template>
+                            <ejs-dropdownlist placeholder="Experience" [dataSource]="experience"></ejs-dropdownlist>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C6">
+                        <ng-template #template>
+                            <ejs-multiselect [showClearButton]="false" placeholder="Areas of Interest" [dataSource]="languages"></ejs-multiselect>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C7">
+                        <ng-template #template>
+                            <ejs-textbox placeholder="Mobile Number"></ejs-textbox>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C8">
+                        <ng-template #template>
+                            <ejs-textbox placeholder="Email"></ejs-textbox>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C9">
+                        <ng-template #template>
+                            <ejs-textbox rows="2" [multiline]="true"></ejs-textbox>
+                        </ng-template>
+                    </e-range>
+                    <e-range address="C11">
+                        <ng-template #template>
+                            <button ejs-button cssClass='e-flat' style='float:right'>Add</button>
+                        </ng-template>
+                    </e-range>
+                </e-ranges>
+            </e-sheet>
+        </e-sheets>
+    </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    public experience: string[] =  ['0 - 1 year', '1 - 3 years', '3 - 5 years', '5 - 10 years'];
+    public languages: string[] = ['JAVA', 'C#', 'SQL'];
+    created() {
+        // Applies format to specified range
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold' }, 'B2:B9');
+        // Merges B1 and C1 cells
+        this.spreadsheetObj!.merge('B1:C1');
+    }
+  };
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.ts
new file mode 100644
index 000000000..9172b1f07
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/undo-redo-cs1/src/app.ts
@@ -0,0 +1,54 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, OnInit,ViewChild } from '@angular/core';
+import { defaultData } from './datasource';
+import { addClass, removeClass } from '@syncfusion/ej2-base';
+import { SpreadsheetComponent, getRangeIndexes } from '@syncfusion/ej2-angular-spreadsheet';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: "<button id='customBtn' class='e-btn' (click)='updateCollection()'> add/remove Class</button>   <ejs-spreadsheet #spreadsheet (actionComplete)='actionComplete($event)'> <e-sheets> <e-sheet> <e-ranges> <e-range [dataSource]='defaultData'></e-range></e-ranges><e-columns><e-column [width]=130></e-column><e-column [width]=92></e-column><e-column [width]=96></e-column></e-columns></e-sheet></e-sheets></ejs-spreadsheet>"
+})
+export class AppComponent implements OnInit {
+
+    public defaultData?: object[];
+    @ViewChild('spreadsheet') public spreadsheetObj?: SpreadsheetComponent;
+    ngOnInit(): void {
+        this.defaultData = defaultData;
+    }
+    actionComplete (args: any) {
+        let actionEvents: any = args;
+        if (actionEvents.eventArgs.action == "customCSS") {
+            let Element:HTMLElement = this.spreadsheetObj!.getCell(actionEvents.eventArgs.rowIdx,actionEvents.eventArgs.colIdx);
+            if (actionEvents.isUndoRedo && actionEvents.isUndo) {
+                removeClass([Element],'customClass'); // To remove the custom class in undo action
+            }
+            else {
+                addClass([Element],'customClass');// To add the custom class in redo action
+            }
+        }
+    }
+    updateCollection() {
+        var cell = this.spreadsheetObj!.getActiveSheet().activeCell;
+        var cellIdx = getRangeIndexes(cell as any);
+        var Element= this.spreadsheetObj!.getCell(cellIdx[0], cellIdx[1]);
+        if (!Element.classList.contains("customClass")) {
+            Element.classList.add('customClass'); // To add the custom class in active cell element
+            this.spreadsheetObj!.updateUndoRedoCollection({ eventArgs: { class: 'customClass', rowIdx: cellIdx[0], colIdx: cellIdx[1], action: 'customCSS' } }); // To update the undo redo collection
+        }
+  }
+}
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.ts b/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.ts
new file mode 100644
index 000000000..e7a07183e
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.ts
@@ -0,0 +1,81 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+
+
+
+import { Component, ViewChild } from '@angular/core';
+import { SpreadsheetComponent } from '@syncfusion/ej2-angular-spreadsheet';
+import { dataSource } from './datasource';
+
+@Component({
+imports: [
+        
+        SpreadsheetAllModule
+    ],
+
+
+standalone: true,
+    selector: 'app-container',
+    template: `<ejs-spreadsheet #spreadsheet (created)="created()" [showFormulaBar]="false">
+                <e-sheets>
+                  <e-sheet name="Movie List">
+                    <e-ranges>
+                      <e-range [dataSource]="data"></e-range>
+                    </e-ranges>
+                    <e-columns>
+                      <e-column [index]=1 [width]=100></e-column>
+                      <e-column [width]=140></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=150></e-column>
+                      <e-column [width]=120></e-column>
+                      <e-column [width]=90></e-column>
+                      <e-column [width]=180></e-column>
+                    </e-columns>
+                    <e-rows>
+                      <e-row [height]=30></e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=7 [wrap]="true"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=7 [wrap]="true"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=7 [wrap]="true"></e-cell>
+                        </e-cells>
+                      </e-row>
+                      <e-row>
+                        <e-cells>
+                          <e-cell [index]=7 [wrap]="true"></e-cell>
+                        </e-cells>
+                      </e-row>
+                    </e-rows>
+                  </e-sheet>
+                </e-sheets>
+              </ejs-spreadsheet>`
+})
+export class AppComponent {
+    @ViewChild('spreadsheet')
+    spreadsheetObj: SpreadsheetComponent | undefined;
+
+    data: object[] = dataSource;
+
+    created() {
+        this.spreadsheetObj!.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1');
+        this.spreadsheetObj!.cellFormat({ verticalAlign: 'middle' }, 'A1:H5');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'A2:B5');
+        this.spreadsheetObj!.cellFormat({ textAlign: 'center' }, 'D2:D5');
+
+        // To wrap the cells from E2 to E5 range
+        this.spreadsheetObj!.wrap('E2:E5');
+        // To unwrap the H3 cell
+        this.spreadsheetObj!.wrap('H3', false);
+    }
+}
+
+

From bda52683d43c4289ef774375bbb4361e6a1b8707 Mon Sep 17 00:00:00 2001
From: bhuvaneshdhakshinmaoorthy <bhuvaneshdhakshinmaoorthy>
Date: Fri, 6 Feb 2026 14:10:19 +0530
Subject: [PATCH 04/12] 993171: Added images

---
 .../Angular/images/gettingstarted_AI.png        | Bin 0 -> 33708 bytes
 .../Angular/images/gettingstarted_SSR.png       | Bin 0 -> 6727 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 Document-Processing/Excel/Spreadsheet/Angular/images/gettingstarted_AI.png
 create mode 100644 Document-Processing/Excel/Spreadsheet/Angular/images/gettingstarted_SSR.png

diff --git a/Document-Processing/Excel/Spreadsheet/Angular/images/gettingstarted_AI.png b/Document-Processing/Excel/Spreadsheet/Angular/images/gettingstarted_AI.png
new file mode 100644
index 0000000000000000000000000000000000000000..c48a1498992d5ce793bba16b7a77ae67433a8349
GIT binary patch
literal 33708
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

literal 0
HcmV?d00001

diff --git a/Document-Processing/Excel/Spreadsheet/Angular/images/gettingstarted_SSR.png b/Document-Processing/Excel/Spreadsheet/Angular/images/gettingstarted_SSR.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecd7db48f48fee3c297ae674659fa8fb7e9c78b4
GIT binary patch
literal 6727
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
KE4%yT<$nO%xhyFF

literal 0
HcmV?d00001


From 886574769651e75ca014444a33a2a0e47a0e701c Mon Sep 17 00:00:00 2001
From: SF4524LogeshKumar <logeshkumar.dhamodharan@syncfusion.com>
Date: Thu, 5 Feb 2026 19:45:39 +0530
Subject: [PATCH 05/12] 1008615: UG Forms Core - Updates Part I

---
 .../asp-net-core/forms/custom-data.md         | 166 +++++++
 .../asp-net-core/forms/form-constrain.md      | 270 +++++++++++
 .../asp-net-core/forms/form-designer.md       | 228 +++++++++
 .../asp-net-core/forms/form-field-events.md   | 114 +++++
 .../asp-net-core/forms/form-fields-api.md     | 447 ++++++++++++++++++
 .../asp-net-core/forms/form-filling.md        | 178 +++++++
 .../asp-net-core/forms/form-validation.md     | 142 ++++++
 .../asp-net-core/forms/group-form-fields.md   | 125 +++++
 .../manage-form-fields/create-form-fields.md  | 392 +++++++++++++++
 .../customize-form-fields.md                  | 112 +++++
 .../manage-form-fields/modify-form-fields.md  | 361 ++++++++++++++
 .../move-resize-form-fields.md                |  56 +++
 .../manage-form-fields/remove-form-fields.md  |  63 +++
 .../forms/overview-create-forms.md            |  21 +
 .../PDF-Viewer/asp-net-core/forms/overview.md |  74 +++
 15 files changed, 2749 insertions(+)
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/custom-data.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-constrain.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-field-events.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-fields-api.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-filling.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview-create-forms.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview.md

diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/custom-data.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/custom-data.md
new file mode 100644
index 000000000..01bbfda06
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/custom-data.md
@@ -0,0 +1,166 @@
+---
+layout: post
+title: Add custom data to form fields in ASP.NET Core Pdf Viewer | Syncfusion
+description: Learn how to attach, update, and read custom Data on PDF form fields using the Form Designer UI and APIs in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Add Custom Data to PDF Form Fields in ASP.NET Core PDF Viewer
+
+The **Syncfusion ASP.NET Core PDF Viewer** allows you to attach **custom application-specific data** to form fields by using the customData property. This enables you to associate business identifiers, tags, validation hints, or workflow metadata with form fields.
+
+The custom data remains linked to the form field throughout the viewer session and can be accessed or updated whenever the field is queried or modified.
+
+This page explains how to:
+- [Add custom data when creating form fields](#add-custom-data-while-creating-pdf-form-fields)
+- [Define default custom data for fields created using the UI](#set-default-custom-data-for-pdf-form-fields-added-using-ui)
+- [Update or replace custom data for existing fields](#update-or-replace-pdf-form-field-custom-data)
+- [Read custom data from form fields](#read-custom-data-from-pdf-form-fields)
+- [Apply best practices when using custom data](#best-practices)
+
+**Key Points**
+- customData is a **free form object**; you control its structure.
+- Use only **serializable values** such as objects, arrays, strings, numbers, and booleans.
+- Custom data does not affect the field appearance or behavior unless consumed by your application logic.
+
+## Add Custom Data While Creating PDF Form Fields
+
+You can attach custom data at the time of field creation by passing a **customData** object in the settings parameter of **addFormField()**.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    var meta = { businessId: 'C-1024', tags: ['profile','kiosk'], requiredRole: 'admin' };
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'Email',
+      bounds: { X: 146, Y: 229, Width: 200, Height: 24 },
+      customData: meta
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Set Default Custom Data for PDF Form Fields Added Using UI
+
+When users add form fields using the [Form Designer toolbar](../toolbar-customization/form-designer-toolbar), you can define default customData so that newly created fields automatically inherit it. Default custom data can be configured using per-field settings objects such as:
+
+- [textFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_TextFieldSettings)
+- [passwordFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_PasswordFieldSettings)
+- [checkBoxFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_CheckBoxFieldSettings)
+- [radioButtonFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_RadioButtonFieldSettings)
+- [listBoxFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ListBoxFieldSettings)
+- [dropDownFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_DropDownFieldSettings)
+- [signatureFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_SignatureFieldSettings)
+- [initialFieldSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_InitialFieldSettings)
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  // Example for textbox defaults
+  pdfviewer.textFieldSettings = {
+    name: 'Textbox',
+    customData: { group: 'contact', createdBy: 'designer', requiredRole: 'user' }
+  };
+
+  // Example for checkbox defaults
+  pdfviewer.checkBoxFieldSettings = {
+    name: 'Checkbox',
+    customData: { consentType: 'marketing', defaultChecked: false }
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Update or Replace PDF Form Field Custom Data
+
+You can modify the customData of an existing form field by using the [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) method. The field can be identified using either its object reference or field ID.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  var fields = pdfviewer.retrieveFormFields();
+  var target = fields.find(function (f) { return f.name === 'Email'; });
+  if (target) {
+    var merged = Object.assign({}, target.customData || {}, { updatedAt: Date.now(), verified: true });
+    pdfviewer.formDesignerModule.updateFormField(target, { customData: merged });
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+**Tip:**
+Merge new values with the existing customData object before calling [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to avoid overwriting previously stored data.
+
+## Read Custom Data from PDF Form Fields
+
+You can access the customData property from any form field at any point in your application flow, such as:
+- After the document is loaded
+- During save or submit operations
+- While performing validation or conditional routing
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    var fields = pdfviewer.retrieveFormFields();
+    fields.forEach(function (f) {
+      console.log('Field:', f.name, 'customData:', f.customData);
+      if (f.customData && f.customData.requiredRole === 'admin') {
+        // mark field for special handling
+      }
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Best Practices
+
+- Treat customData as application metadata, not display data.
+- Use it to drive business rules, validation logic, and workflow decisions.
+- Keep the data minimal and structured for easy processing.
+- When cloning or copying form fields, ensure customData is copied or updated as required.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See Also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./overview-create-forms)
+- [Group form fields](../group-form-fields)
+- [Form flags](./form-constrain)
+- [Form validation](./form-validation)
+- [Form fields API](./form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-constrain.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-constrain.md
new file mode 100644
index 000000000..3e76395c5
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-constrain.md
@@ -0,0 +1,270 @@
+---
+layout: post
+title: PDF form field flags in ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to apply isReadOnly, isRequired, and isPrint flags to PDF form fields in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# PDF form field flags in ASP.NET Core PDF Viewer
+
+The Syncfusion **ASP.NET Core PDF Viewer** allows you to control how users interact with form fields and how those fields behave during validation and printing by applying **form field flags**. These flags define whether a form field can be modified, whether it is mandatory, and whether it appears in printed output.
+
+This topic explains:
+- [Supported form field flags](#supported-pdf-form-field-flags)
+- [How each constraint affects field behavior](#key-actions)
+- [How to apply flags during field creation](#apply-pdf-form-field-flags-using-the-ui)
+- [How to update flags on existing fields](#update-flags-on-existing-fields-programmatically)
+- [How flags work with validation and printing](#control-print-behavior)
+
+## Supported PDF Form Field Flags
+
+The following flags are supported in the PDF Viewer:
+
+- [isReadOnly](#make-fields-read-only)  
+  Prevents users from modifying the form field in the UI while still allowing updates through APIs.
+
+- [isRequired](#mark-fields-as-required)  
+  Marks the form field as mandatory and includes it in form field validation.
+
+- [isPrint](#control-print-behavior)  
+  Controls whether the form field appears when the document is printed.
+
+## Key Actions
+
+### Make Fields Read Only
+Use the **isReadOnly** property to prevent users from modifying a form field through the UI. This is useful for displaying pre filled or calculated values that should not be changed by the user.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Read-only Textbox
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'EmployeeId',
+      bounds: { X: 146, Y: 229, Width: 150, Height: 24 },
+      isReadOnly: true,
+      value: 'EMP-0001'
+    });
+
+    // Read-only Signature field
+    pdfviewer.formDesignerModule.addFormField('SignatureField', {
+      name: 'ApplicantSign',
+      bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+      isReadOnly: true,
+      tooltip: 'Sign to accept the terms'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Mark Fields as Required
+Use the **isRequired** property to mark form fields as mandatory. To enforce this constraint, enable form field validation and validate fields before allowing actions such as printing or downloading.
+
+- Enable validation using [enableFormFieldsValidation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFieldsValidation)
+- [Validate fields](./form-validation) using [validateFormFields()](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields)
+
+If required fields are empty, validation can prevent further actions.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  // 1) Default for new Textbox fields
+  pdfviewer.textFieldSettings = { isRequired: true };
+
+  // 2) Validation wiring
+  pdfviewer.enableFormFieldsValidation = true;
+  pdfviewer.validateFormFields = function (args) {
+    // Triggers when required fields are empty on submit/validate
+    if (args && args.formField && args.formField.length > 0) {
+      alert('Please fill all required fields. Missing: ' + args.formField[0].name);
+    }
+  };
+
+  // 3) Creation (add a Textbox form field once the document is loaded)
+  pdfviewer.documentLoad = function () {
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'Email',
+      bounds: { X: 146, Y: 260, Width: 220, Height: 24 },
+      isRequired: true,
+      tooltip: 'Email is required'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Control Print Behavior
+Use the **isPrint** property to control whether a form field appears in the printed output of the PDF document.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  // 1) Default for new signature fields
+  pdfviewer.signatureFieldSettings = { isPrint: false };
+
+  // 2) Creation (do not print a signature field)
+  pdfviewer.documentLoad = function () {
+    pdfviewer.formDesignerModule.addFormField('SignatureField', {
+      name: 'ApplicantSign',
+      bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+      isPrint: false
+    });
+
+    // 3) Update existing field (toggle to print)
+    var sign = pdfviewer.formFieldCollections.find(function (f) { return f.name === 'ApplicantSign'; });
+    if (sign) {
+      pdfviewer.formDesignerModule.updateFormField(sign, { isPrint: true });
+    }
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Printing can be triggered programmatically using **pdfviewer.print()**. Form fields with **isPrint: false** are excluded from the printed output.
+
+## Apply PDF Form Field Flags Using the UI
+
+**Steps**
+1. Enable **Form Designer** mode in the PDF Viewer.  
+2. Select an existing form field on the PDF page.  
+3. The **Right click To open context menu - > Properties** popover is displayed.
+4. Configure the required constraint options.  
+5. Click “Ok” and Close the properties popover to apply the changes.  
+
+Changes are reflected immediately in the viewer.
+
+[Applying form field flags using the UI](../../javascript-es6/images/formfields-flag.gif) 
+
+## Apply PDF Form Field Flags Programmatically
+
+You can apply or modify form field flags in the following ways.
+
+### Apply flags When Creating Fields
+Pass the flags properties in the settings object when creating form fields using **addFormField()**.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Read-only Textbox that is printed but not required
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'EmployeeId',
+      bounds: { X: 146, Y: 229, Width: 150, Height: 24 },
+      isReadOnly: true,
+      isRequired: false,
+      isPrint: true,
+      value: 'EMP-0001'
+    });
+
+    // Required Signature field that is not included in print
+    pdfviewer.formDesignerModule.addFormField('SignatureField', {
+      name: 'ApplicantSign',
+      bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+      isReadOnly: false,
+      isRequired: true,
+      isPrint: false,
+      tooltip: 'Sign to accept the terms'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Update flags on Existing Fields programmatically
+Use the [updateFormField()](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html) method to modify constraint values on existing form fields.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add a sample textbox
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'Email',
+      bounds: { X: 146, Y: 260, Width: 220, Height: 24 }
+    });
+
+    // Retrieve it and update constraint flags
+    var field = pdfviewer.formFieldCollections.find(function (f) { return f.name === 'Email'; });
+    if (field) {
+      pdfviewer.formDesignerModule.updateFormField(field, {
+        isReadOnly: false,
+        isRequired: true,
+        isPrint: true,
+        tooltip: 'Enter a valid email'
+      });
+    }
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Set Default Flags for New PDF Form Fields
+You can configure default flag values so that form fields added using the [Form Designer toolbar](../toolbar-customization/form-designer-toolbar) automatically inherit them. This helps ensure consistent behavior for all newly created fields.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  // Textbox fields will be editable, required, and included in print by default
+  pdfviewer.textFieldSettings = {
+    isReadOnly: false,
+    isRequired: true,
+    isPrint: true,
+    tooltip: 'Required field'
+  };
+
+  // Signature fields will be optional and hidden when printing
+  pdfviewer.signatureFieldSettings = {
+    isReadOnly: false,
+    isRequired: false,
+    isPrint: false,
+    tooltip: 'Sign if applicable'
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## See Also
+
+- [Form Designer overview](./overview)  
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)  
+- [Create form fields](./manage-form-fields/create-form-fields)  
+- [Modify form fields](./manage-form-fields/modify-form-fields)  
+- [Group form fields](./group-form-fields)  
+- [Add custom data to PDF form fields](./custom-data)  
+- [Form Validation](./form-validation)  
+- [Form fields API](./form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md
new file mode 100644
index 000000000..403e62167
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md
@@ -0,0 +1,228 @@
+---
+layout: post
+title: Form Designer and Toolbar Customization in ASP.NET Core | Syncfusion
+description: Learn here all about form designer and toolbar in Syncfusion ASP.NET Core PDF Viewer and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form Designer in ASP.NET Core PDF Viewer
+
+When **Form Designer mode** is enabled in the Syncfusion ASP.NET Core PDF Viewer, a default [Form Designer user interface (UI)](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/formdesigner#/tailwind3) is displayed. This UI includes a built in toolbar for adding form fields such as text boxes, password fields, check boxes, radio buttons, drop down lists, list boxes, and signature and initial fields.
+
+Using the Form Designer UI, users can place form fields on the PDF, move and resize them, configure field and widget properties, preview the designed form, and remove fields when required. The Form Designer toolbar can also be shown or hidden and customized to control the available tools based on application requirements, enabling flexible and interactive form design directly within the viewer.
+
+## Key Features
+
+**Add Form Fields**
+You can add the following form fields to the PDF:
+
+- [Text box](../forms/manage-form-fields/create-form-fields#add-textbox)
+- [Password Field](../forms/manage-form-fields/create-form-fields#add-password)
+- [Check box](../forms/manage-form-fields/create-form-fields#add-checkbox)
+- [Radio button](../forms/manage-form-fields/create-form-fields#add-radiobutton)
+- [Dropdown List](../forms/manage-form-fields/create-form-fields#add-dropdown)
+- [List box](../forms/manage-form-fields/create-form-fields#add-listbox)
+- [Signature field](../forms/manage-form-fields/create-form-fields#add-signature-field)
+- [Initial field](../forms/manage-form-fields/create-form-fields#add-initial-field)
+
+**Edit Form Fields**
+You can move, resize, align, distribute, copy, paste, and undo or redo changes to form fields.
+
+**Set Field Properties**
+You can configure field properties such as name, value, font, color, border, alignment, visibility, tab order, and required or read only state.
+
+**Control Field Behavior**
+You can enable or disable read only mode, show or hide fields, and control whether fields appear when printing the document.
+
+**Manage Form Fields**
+You can select, group or ungroup, reorder, and delete form fields as needed.
+
+**Save and Print Forms**
+Designed form fields can be saved into the PDF document and printed with their appearances.
+
+## Enable Form Designer
+
+To enable form design features, use the ASP.NET Core TagHelper for the PDF Viewer. The TagHelper renders the client component and loads the EJ2 bundle (via `resourceUrl`) which provides the Form Designer modules at runtime.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+@page "{handler?}"
+@model IndexModel
+@{
+    ViewData["Title"] = "Home page";
+}
+
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  // Place client-side initialization or injection code here if you use modular bundles.
+});
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+## Form Designer UI
+
+When **Form Designer mode** is enabled in the Syncfusion ASP.NET Core PDF Viewer, a default [Form Designer user interface (UI)](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/formdesigner#/tailwind3) is displayed. This UI provides a built in toolbar for adding common form fields such as text boxes, check boxes, radio buttons, drop down lists, and signature fields. Users can place fields on the PDF, select them, resize or move them, and configure their properties using the available editing options, enabling interactive form creation directly within the viewer.
+
+![FormDesigner](../../javascript-es6/images/FormDesigner.gif)
+
+{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/prefilledforms-cs1" %}
+
+For more information about creating and editing form fields in the PDF Viewer, refer to the [Form Creation](./manage-form-fields/create-form-fields) documentation.
+
+## Form Designer Toolbar
+
+The **Form Designer toolbar** appears at the top of the PDF Viewer and provides quick access to form field creation tools. It includes frequently used field types such as:
+
+- [Text box](../forms/manage-form-fields/create-form-fields#add-textbox)
+- [Password Field](../forms/manage-form-fields/create-form-fields#add-password)
+- [Check box](../forms/manage-form-fields/create-form-fields#add-checkbox)
+- [Radio button](../forms/manage-form-fields/create-form-fields#add-radiobutton)
+- [Dropdown List](../forms/manage-form-fields/create-form-fields#add-dropdown)
+- [List box](../forms/manage-form-fields/create-form-fields#add-listbox)
+- [Signature field](../forms/manage-form-fields/create-form-fields#add-signature-field)
+- [Initial field](../forms/manage-form-fields/create-form-fields#add-initial-field)
+
+Each toolbar item allows users to place the corresponding form field by selecting the tool and clicking on the desired location in the PDF document.
+
+![Adding Text Box](../../javascript-es6/images/AddTextBox.gif)
+
+Use the following code snippet to enable Form Designer using the ASP.NET Core TagHelper.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+@page "{handler?}"
+@model IndexModel
+@{
+    ViewData["Title"] = "Home page";
+}
+
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.enableFormDesigner = false;
+});
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+For more information about creating and editing form fields in the PDF Viewer, refer to the [Form Creation](./manage-form-fields/create-form-fields) documentation.
+
+## Show or Hide the Built-in Form Designer Toolbar
+
+You can control the visibility of the Form Designer toolbar using the [isFormDesignerToolbarVisible()](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_IsFormDesignerToolbarVisible) method. This allows you to display or hide the Form Designer tools in the PDF Viewer based on your application requirements.
+
+**Use this method to:**
+- Show the Form Designer toolbar when form design is required
+- Hide the toolbar to provide cleaner viewing experience
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<!-- Buttons to toggle the Form Designer toolbar -->
+<button id="showDesignerBtn">Show Form Designer Toolbar</button>
+<button id="hideDesignerBtn">Hide Form Designer Toolbar</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('showDesignerBtn').onclick = function () {
+    pdfviewer.isFormDesignerToolbarVisible = true;
+  };
+  document.getElementById('hideDesignerBtn').onclick = function () {
+    pdfviewer.isFormDesignerToolbarVisible = false;
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Customize the Built-in Form Designer Toolbar
+
+You can customize the Form Designer toolbar by specifying the tools to display and arranging them in the required order using the [FormDesignerToolbarItems](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormDesignerToolbar) property.
+
+This customization helps you limit the available tools and simplify the user interface.
+
+**Key Points**
+- Include only the toolbar items you need, in the exact order you specify.
+- Any toolbar items not listed remain hidden, resulting in a cleaner and more focused UI.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div style="width:100%;height:600px">
+    <ejs-pdfviewer id="pdfviewer"
+                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+                   toolbarSettings="@(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings 
+                   { 
+                       ToolbarItems = new List<string> 
+                       {
+                           "OpenOption",
+                           "UndoRedoTool",
+                           "PageNavigationTool",
+                           "ZoomTool",
+                           "PanTool",
+                           "SelectionTool",
+                           "SearchOption",
+                           "PrintOption",
+                           "FormDesignerEditTool",
+                           "DownloadOption"
+                       },
+                       FormDesignerToolbarItems = "TextboxTool PasswordTool CheckBoxTool RadioButtonTool DropdownTool ListboxTool DrawSignatureTool DeleteTool",
+                   })">
+    </ejs-pdfviewer>
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+## Move, Resize, and Edit Form Fields
+
+You can move, resize, and edit an existing form field directly in the PDF Viewer using the Form Designer.
+
+- Move a field by selecting it and dragging it to the required position.
+
+- Resize a field using the handles displayed on the field boundary.
+
+![Moveing and Resizing a form field](../../javascript-es6/images/move-resize-forms.gif)
+
+- Edit a field by selecting it to open the Form Field Properties popover. The popover allows you to modify the form field and widget annotation properties. Changes are reflected immediately in the viewer and are saved when the properties popover is closed.
+For more information, see Editing Form Fields
+
+## Deleting Form Fields
+
+You can remove a form field from the PDF document by selecting the field and using one of the following methods:
+- Click the `Delete option` in the Form Designer UI.
+- Press the `Delete key` on the keyboard after selecting the form field.
+
+The selected form field and its associated widget annotation are permanently removed from the page.
+For more information, see  [Deleting Form Fields](./manage-form-fields/remove-form-fields)
+
+## See Also
+
+- [Filling PDF Forms](./form-filling)
+- [Create](./manage-form-fields/create-form-fields), [edit](./manage-form-fields/modify-form-fields), [style](./manage-form-fields/style-form-fields) and [remove](./manage-form-fields/remove-form-fields) form fields
+- [Grouping form fields](./group-form-fields)
+- [Form Constrains](./form-constrain)
+- [Form Validation](./form-validation)
+- [Custom Data](./custom-data)
+- [Import](./import-export-form-fields/import-form-fields)/[Export Form Data](./import-export-form-fields/export-form-fields)
+- [Form field events](./form-field-events)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-field-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-field-events.md
new file mode 100644
index 000000000..82f9ad079
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-field-events.md
@@ -0,0 +1,114 @@
+---
+layout: post
+title: Form Field Events in ASP.NET Core PDF Viewer control | Syncfusion
+description: Learn here all about different form field events in the Syncfusion ASP.NET Core PDF Viewer component and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# PDF Viewer Form Field Events in ASP.NET Core
+
+The Syncfusion **ASP.NET Core PDF Viewer** provides a comprehensive set of **form field events** that allow developers to track user interactions, respond to form changes, and implement custom business logic. These events can be used for scenarios such as [validation](./form-validation), **UI updates**, **logging**, and **workflow automation**. 
+
+Form field events are triggered during actions such as adding, selecting, modifying, moving, resizing, and removing form fields.
+
+## Supported PDF Form Field Events
+
+The following table lists all supported form field events and their descriptions:
+
+| Form Field events | Description |
+|---|---|
+| [formFieldAdd](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldAdd) | Triggered when a new form field is added, either through the Form Designer UI or programmatically. |
+| [formFieldClick](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldClick) | Fired when a form field is clicked in the viewer. |
+| [formFieldDoubleClick](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldDoubleClick) | Fired when a form field is double clicked. |
+| [formFieldFocusOut](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldFocusOut) | Triggered when a form field loses focus after editing. |
+| [formFieldMouseLeave](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMouseLeave) | Fired when the mouse pointer leaves a form field. |
+| [formFieldMouseOver](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMouseover) | Fired when the mouse pointer moves over a form field. |
+| [formFieldMove](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMove) | Triggered when a form field is moved to a new position. |
+| [formFieldPropertiesChange](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldPropertiesChange) | Fired when any form field property changes, such as font, color, or constraint values. |
+| [formFieldRemove](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldRemove) | Triggered when a form field is deleted from the document. |
+| [formFieldResize](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldResize) | Fired when a form field is resized. |
+| [formFieldSelect](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldSelect) | Fired when a form field is selected in the Form Designer. |
+| [formFieldUnselect](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldUnselect) | Fired when a previously selected form field is unselected. |
+| [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields) | Fired when form field validation fails during print or download actions. |
+
+**Common Use Cases**
+
+Form field events can be used to:
+- Validate form data before printing or downloading
+- Track user interaction with form fields
+- Update UI elements dynamically
+- Log form changes for auditing
+- Trigger workflow actions based on field changes
+- Enforce business rules during form editing
+
+## Handle PDF Form Field Events
+
+You can wire up form field events on the PDF Viewer instance to execute custom logic when specific actions occur.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+
+  // Basic examples for common form-field events
+  pdfviewer.formFieldAdd = function (args) { console.log('formFieldAdd', args); };
+  pdfviewer.formFieldRemove = function (args) { console.log('formFieldRemove', args); };
+  pdfviewer.formFieldPropertiesChange = function (args) { console.log('formFieldPropertiesChange', args); };
+
+  // Additional events from the table
+  pdfviewer.formFieldClick = function (args) { console.log('formFieldClick', args); };
+  pdfviewer.formFieldDoubleClick = function (args) { console.log('formFieldDoubleClick', args); };
+  pdfviewer.formFieldFocusOut = function (args) { console.log('formFieldFocusOut', args); };
+  pdfviewer.formFieldMouseOver = function (args) { console.log('formFieldMouseOver', args); };
+  pdfviewer.formFieldMouseLeave = function (args) { console.log('formFieldMouseLeave', args); };
+  pdfviewer.formFieldMove = function (args) { console.log('formFieldMove', args); };
+  pdfviewer.formFieldResize = function (args) { console.log('formFieldResize', args); };
+  pdfviewer.formFieldSelect = function (args) { console.log('formFieldSelect', args); };
+  pdfviewer.formFieldUnselect = function (args) { console.log('formFieldUnselect', args); };
+
+  // Validation Event
+  pdfviewer.enableFormFieldsValidation = true;
+  pdfviewer.validateFormFields = function (args) {
+    if (args && args.formField && args.formField.length > 0) {
+      // Example: prevent the pending action and notify the user
+      args.cancel = true;
+      alert('Please fill all required fields. Missing: ' + args.formField[0].name);
+      // Optionally focus or scroll to the field
+    }
+  };
+});
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+**Event Behavior Notes**
+
+- Events triggered through the UI and programmatic APIs use the same event handlers.
+- Property related events are raised immediately when changes occur.
+- Validation events are triggered only during print or download operations.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](./overview)  
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)  
+- [Create form fields](./manage-form-fields/create-form-fields)  
+- [Edit form fields](./manage-form-fields/modify-form-fields)
+- [Group form fields](./group-form-fields)  
+- [Add custom data to form fields](./custom-data)  
+- [Form Field Flags](./form-constrain) 
+- [Form validation](./form-validation)  
+- [Form fields API](./form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-fields-api.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-fields-api.md
new file mode 100644
index 000000000..3decad33f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-fields-api.md
@@ -0,0 +1,447 @@
+---
+layout: post
+title: Form Fields API in ASP.NET Core PDF Viewer | Syncfusion
+description:  Learn how to use Form Fields API to enable, update, retrieve and clear in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form Fields API in ASP.NET Core PDF Viewer
+
+The PDF Viewer provides comprehensive APIs to create, edit, validate, navigate, and manage form fields programmatically. The following APIs are available:
+
+| API | Description |
+|---|---|
+| [updateFormFieldsValue](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfieldsvalue) | Updates the value for one or more form fields.|
+| [updateFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) | Updates the properties of one or more form fields.|
+| [retrieveFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#retrieveformfields) | Retrieves all form fields or by specific criteria.|
+| [resetFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#resetformfields) | Resets the specified or all form fields to their default values.|
+| [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields) | Imports values and states for form fields from a JSON object or file stream.|
+| [focusFormField](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#focusformfield) | Sets focus to a form field by name or ID.|
+| [exportFormFieldsAsObject](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfieldsasobject) | Exports form fields as a JSON object.|
+| [exportFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfields) | Exports form fields as a downloadable file.|
+| [clearFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#clearformfields) | Clears values of specified or all form fields without removing them.|
+| [isFormFieldDocument](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_IsFormFieldDocument) | Indicates whether the loaded document contains form fields.|
+| [isFormDesignerToolbarVisible](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_IsFormDesignerToolbarVisible) | Gets whether the Form Designer toolbar is currently visible.|
+| [formFieldCollections](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#formfieldcollections) | Gets the collection of current form fields with their properties.|
+| [enableFormFieldsValidation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFieldsValidation) | Enables or disables form field validation.|
+| [enableFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFields) | Enables or disables interaction with form fields.|
+| [enableFormDesignerToolbar](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormDesignerToolbar) | Shows or hides the Form Designer toolbar.|
+
+## updateFormFieldsValue
+
+Updates the value of one or more form fields programmatically.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="updateFormFieldsValue">updateFormFieldsValue</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('updateFormFieldsValue');
+  if (btn) {
+    btn.onclick = function () {
+      var fields = pdfviewer && pdfviewer.retrieveFormFields && pdfviewer.retrieveFormFields();
+      var field = (fields && fields.find(function (f) { return f && f.name === 'First Name'; })) || (fields && fields[0]);
+      if (field) {
+        field.value = 'John Doe';
+        field.tooltip = 'First';
+        pdfviewer.updateFormFieldsValue(field);
+      }
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## updateFormFields
+
+Updates form field properties such as bounds, color, font, isReadOnly, required, and more.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="updateFormFields">updateFormFields</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('updateFormFields');
+  if (btn) {
+    btn.onclick = function () {
+      var fields = pdfviewer && pdfviewer.retrieveFormFields && pdfviewer.retrieveFormFields();
+      var field = (fields && fields.find(function (f) { return f && f.name === 'First Name'; })) || (fields && fields[0]);
+      if (field) {
+        pdfviewer.formDesignerModule.updateFormField(field, {
+          value: 'John',
+          fontFamily: 'Courier',
+          fontSize: 12,
+          color: 'black',
+          backgroundColor: 'white',
+          borderColor: 'black',
+          thickness: 2,
+          alignment: 'Left',
+          maxLength: 50
+        });
+      }
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## retrieveFormFields
+
+Retrieves all form fields and their properties or filters by type/name.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="retrieveFormFields">retrieveFormFields</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('retrieveFormFields');
+  if (btn) {
+    btn.onclick = function () {
+      var fields = pdfviewer && pdfviewer.retrieveFormFields && pdfviewer.retrieveFormFields();
+      console.log(fields);
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## resetFormFields
+
+Resets specified form fields or all fields to their default values.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="resetFormFields">resetFormFields</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('resetFormFields');
+  if (btn) {
+    btn.onclick = function () {
+      pdfviewer.resetFormFields();
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## importFormFields
+
+Imports form field data from an object or file into the current document.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="importFormFields">importFormFields</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('importFormFields');
+  if (btn) {
+    btn.onclick = function () {
+      // The file for importing should be accessible at the given path or as a file stream depending on your integration
+      pdfviewer.importFormFields('File', 'Json');
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## focusFormField
+
+Moves focus to a form field by name or ID.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="focusFormField">focusFormField</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('focusFormField');
+  if (btn) {
+    btn.onclick = function () {
+      pdfviewer.focusFormField('FirstName');
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## exportFormFieldsAsObject
+
+Exports current form field values and states as a JSON object.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="exportFormFieldsAsObject">exportFormFieldsAsObject</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('exportFormFieldsAsObject');
+  if (btn) {
+    var exportedData;
+    btn.onclick = function () {
+      pdfviewer.exportFormFieldsAsObject('Fdf').then(function (data) {
+        exportedData = data; // Save or send to server
+        console.log('Exported object:', exportedData);
+      });
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## exportFormFields
+
+Exports form field data to a file for download.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="exportFormFields">exportFormFields</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('exportFormFields');
+  if (btn) {
+    btn.onclick = function () {
+      pdfviewer.exportFormFields('FormData', 'Json');
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## clearFormFields
+
+Clears values of specified or all fields without removing the fields themselves.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="clearformfield">clearformfield</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var btn = document.getElementById('clearformfield');
+  if (btn) {
+    btn.onclick = function () {
+      var field = pdfviewer.retrieveFormFields();
+      pdfviewer.clearFormFields(field[0]);
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## isFormFieldDocument
+
+Returns true if the loaded document contains one or more form fields.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="checkFormFieldDocument">checkFormFieldDocument</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var element = document.getElementById('checkFormFieldDocument');
+  if (element) {
+    element.onclick = function () {
+      console.log(pdfviewer.isFormFieldDocument);
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## isFormDesignerToolbarVisible
+
+Opens the form designer toolbar when the PDF document is loaded in the PDF Viewer control initially
+and get the form designer Toolbar Visible status.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+  // Open the Form Designer toolbar and read its visibility state
+  pdfviewer.enableFormDesignerToolbar(true);
+  console.log(pdfviewer.isFormDesignerToolbarVisible);
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## formFieldCollections
+
+Gets the current collection of form fields with their properties from the viewer instance.
+
+```html
+<button id="formfieldcollection">formfieldcollection</button>
+```
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="formfieldcollection">formfieldcollection</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  var element = document.getElementById('formfieldcollection');
+  if (element) {
+    element.onclick = function () {
+      console.log(pdfviewer.formFieldCollections);
+    };
+  }
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## enableFormFieldsValidation
+
+Enables or disables built-in validation for required and constrained fields.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+  pdfviewer.enableFormFieldsValidation = true; // enable form fields validation
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## enableFormFields
+
+Enables or disables user interaction with form fields globally.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+  pdfviewer.enableFormFields = false;  // Disable interaction with all fields
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## enableFormDesignerToolbar
+
+Shows or hides the Form Designer toolbar at runtime.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+  // Show or hide the Form Designer toolbar at runtime
+  pdfviewer.enableFormDesignerToolbar(true); // show
+  // pdfviewer.enableFormDesignerToolbar(false); // hide
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./manage-form-fields/create-form-fields)
+- [Edit form fields](./manage-form-fields/modify-form-fields)
+- [Group form fields](./group-form-fields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form fields Validation](./form-validation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-filling.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-filling.md
new file mode 100644
index 000000000..c2463e2e4
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-filling.md
@@ -0,0 +1,178 @@
+---
+layout: post
+title: Form filling in ASP.NET Core PDF Viewer Control | Syncfusion
+description: Learn to view, fill, export, and import PDF form fields in Syncfusion ASP.NET Core PDF Viewer, including disabling interaction and handling signatures.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Filling PDF Forms in ASP.NET Core PDF Viewer
+
+The Syncfusion PDF Viewer supports three types of form-filling:
+
+1.	[Filling Form Fields Programmatically](#fill-pdf-forms-programmatically)
+
+    You can fill or update PDF form fields programmatically using the [updateFormFieldsValue](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfieldsvalue) APIs. This approach is useful when form data needs to be set dynamically based on application logic.
+
+2.	[Form Filling Through User Interface](#fill-pdf-forms-through-the-user-interface)
+
+    Users can fill in PDF form fields directly through the PDF Viewer user interface by typing text, selecting options, or interacting with supported form elements.
+
+3.	[Importing Form Field Data](#fill-pdf-forms-through-import-data)
+
+    The PDF Viewer allows you to import form field data into an existing PDF document. This enables pre filled forms using external data sources.
+
+## Fill PDF forms programmatically 
+
+You can update the values of PDF form fields programmatically using the [updateFormFieldsValue](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfieldsvalue) API. This method allows you to set or modify form field values dynamically based on application logic, without user interaction.
+
+The following example demonstrates how to update PDF form field values programmatically:
+ 
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="updateBtn">Fill Form Fields</button>
+
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  document.getElementById('updateBtn').addEventListener('click', function () {
+    var fields = (pdfviewer && pdfviewer.retrieveFormFields && pdfviewer.retrieveFormFields()) || (pdfviewer && pdfviewer.formFieldCollection) || [];
+    var field = fields.find(function (f) { return f && f.name === 'name'; }) || fields[0];
+    if (field) {
+      field.value = 'John Doe';
+      field.tooltip = 'First';
+      pdfviewer.updateFormFieldsValue(field);
+    } else {
+      console.warn('No form fields available to update.');
+    }
+  });
+});
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+## Fill PDF forms through the User Interface
+
+The Syncfusion PDF Viewer allows users to fill PDF form fields directly through the user interface without using code. Users can click on form fields and enter or select values based on the field type.
+
+![Form Filling](../../javascript-es6/images/FormFields.gif)
+
+The PDF Viewer supports common form fields such as text boxes, check boxes, radio buttons, drop-down lists, list boxes, and signature fields. Filled values can be edited at any time, and the entered data is retained during the viewing session.
+
+{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/prefilledforms-cs1" %}
+
+## Fill PDF forms through Import Data 
+
+The Syncfusion PDF Viewer allows you to import form field data into an existing PDF document using the [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields) API. This feature enables you to pre-fill form fields using data from an external source without requiring manual user input.
+
+Imported form field data is automatically mapped to the corresponding form fields in the PDF document based on the field names. Once the data is imported, the populated values are displayed in the PDF Viewer and can be edited through the user interface if required.
+
+```html
+<button id="importJson">Import JSON</button>
+```
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="importJson">Import JSON</button>
+
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  document.getElementById('importJson').addEventListener('click', function () {
+    // The file for importing should be accessible at the given path or as a file stream depending on your integration
+    pdfviewer.importFormFields('File', FormFieldDataFormat.Json);
+  });
+});
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+For more details, see [Import Form Data](./import-export-form-fields/import-form-fields).
+
+## How to get the filled data and store it to a backing system
+
+You can export the filled form field data from the PDF Viewer and store it in a backing system such as a database or file storage. The exported data can later be imported to restore the form state.
+
+For more details, see [Export Form Data](./import-export-form-fields/export-form-fields).
+
+## How to Validate Form Fields using `validateFormFields` Event
+
+The [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields) event in the Syncfusion PDF Viewer is triggered when a user tries to download or submit a form while validation is enabled. You can use the [retrieveFormFields()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#retrieveformfields) API to get all the form fields and check them one by one to see if any form fields values are empty.
+
+This validation applies to all form field types in the PDF Viewer. A textbox is empty if no text is entered, a list box or dropdown is empty if no item is selected, a signature or initial field is empty if the user has not signed, and radio buttons or checkboxes are empty if none are chosen. 
+By enabling [enableFormFieldsValidation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFieldsValidation) and wiring the event, you can go through each field and stop the action if required fields are not filled.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+
+  pdfviewer.enableFormFieldsValidation = true;
+
+  pdfviewer.documentLoad = function () {
+    // Add a required Email field
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'Email',
+      bounds: { X: 146, Y: 260, Width: 220, Height: 24 },
+      isRequired: true,
+      tooltip: 'Email is required'
+    });
+
+    // Add a required Phone field
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'Phone',
+      bounds: { X: 146, Y: 300, Width: 220, Height: 24 },
+      isRequired: true,
+      tooltip: 'Phone number is required'
+    });
+  };
+
+  // Validate only the added fields
+  pdfviewer.validateFormFields = function (args) {
+    var fields = pdfviewer.retrieveFormFields();
+    fields.forEach(function (field) {
+      if ((field.name === 'Email' || field.name === 'Phone') && !field.value) {
+        alert(field.name + ' field cannot be empty.');
+        args.isFormSubmitCancelled = true;
+      }
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create](./manage-form-fields/create-form-fields), [edit](./manage-form-fields/modify-form-fields), [style](./manage-form-fields/customize-form-fields) and [remove](./manage-form-fields/remove-form-fields) form fields
+- [Edit form fields](./manage-form-fields/edit-form-fields)
+- [Group form fields](./group-form-fields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form validation](./form-validation)
+- [Form fields API](./form-fields-api)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md
new file mode 100644
index 000000000..7586f5e9d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md
@@ -0,0 +1,142 @@
+---
+layout: post
+title: Form validation in the ASP.NET Core PDF Viewer component | Syncfusion
+description: Learn how to enable built in form field validation and validate missing required fields in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Validate PDF Form Fields in ASP.NET Core PDF Viewer
+
+The Syncfusion **ASP.NET Core PDF Viewer** provides built in support for **validating form fields** before users perform actions such as **printing**, **downloading**, or **submitting** a PDF document. Validation ensures that all required form fields are filled before allowing these actions to complete.  
+This feature helps enforce data completeness and improves the reliability of collected form data.
+
+## How PDF Form Validation Works
+
+Form field validation follows this flow:
+- Enable validation using the [enableFormFieldsValidation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFieldsValidation) property.
+- Handle the [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields
+) event to determine which required fields are not filled.
+- When validation is enabled and a user attempts to print, download, or submit the document:
+  - The [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields
+  ) event is triggered.
+  - Unfilled required fields are listed in args.nonFillableFields.
+  - You can cancel the action, show an error message, or move focus to an invalid field.
+
+## Enable PDF Form Field Validation
+
+To enable validation, set the [enableFormFieldsValidation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFieldsValidation) property to true and wire the validateFormFields event.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+    var viewerElement = document.getElementById('pdfviewer');
+    var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+    if (!pdfviewer) return;
+
+    // 1) Default for new Textbox fields
+    pdfviewer.textFieldSettings = { isRequired: true };
+
+    // 2) Validation wiring
+    pdfviewer.enableFormFieldsValidation = true;
+    pdfviewer.validateFormFields = function (args) {
+      if (args && args.formField && args.formField.length > 0) {
+        alert('Please fill all required fields. Missing: ' + args.formField[0].name);
+      }
+    };
+
+    // 3) Creation (add a Textbox form field once the document is loaded)
+    pdfviewer.documentLoad = function () {
+      pdfviewer.formDesignerModule.addFormField('Textbox', {
+        name: 'Email',
+        bounds: { X: 146, Y: 260, Width: 220, Height: 24 },
+        isRequired: true,
+        tooltip: 'Email is required'
+      });
+    };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Mark Fields as Required
+
+Only fields marked as **required** participate in validation. Use the **isRequired** property when creating or updating a form field.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<script type="text/javascript">
+// Creation of a required textbox (inside documentLoad) that blocks printing until it is filled.
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+
+  pdfviewer.documentLoad = function () {
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'Email',
+      bounds: { X: 146, Y: 260, Width: 220, Height: 24 },
+      isRequired: true,
+      tooltip: 'Email is required'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Handle PDF Form Validation Results
+
+In the [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields
+) event, you can control the behavior when fields are missing. Typical actions include:
+- Cancel the print or download operation
+- Display an error message to the user
+- Set focus to the first unfilled required field
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var viewerElement = document.getElementById('pdfviewer');
+  var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+  if (!pdfviewer) return;
+
+  pdfviewer.enableFormFieldsValidation = true;
+  pdfviewer.validateFormFields = function (args) {
+    if (args && args.formField && args.formField.length > 0) {
+      // Example: prevent the pending action and notify the user
+      args.cancel = true;
+      alert('Please fill all required fields. Missing: ' + args.formField[0].name);
+      // Optionally focus or scroll to the field
+    }
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Tips
+
+- Use isRequired to clearly mark mandatory fields.
+- Validation is triggered only during [print](../print), [download](../download), or **submit** actions.
+- For custom validation logic (such as validating an email format):
+  - Retrieve all form fields using [retrieveFormFields()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#retrieveformfields).
+  - Apply custom checks before allowing the action to proceed.
+
+## See Also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./manage-form-fields/create-form-fields)
+- [Modify form fields](./manage-form-fields/modify-form-fields)
+- [Group form fields](./group-form-fields)
+- [Add custom data to PDF form fields](./custom-data)
+- [Form flags](./form-constrain)
+- [Form fields API](./form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md
new file mode 100644
index 000000000..2ad3fbb73
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md
@@ -0,0 +1,125 @@
+---
+layout: post
+title: Group form fields in the ASP.NET Core PDF Viewer component | Syncfusion
+description: Learn how to group PDF form fields in the Syncfusion ASP.NET Core PDF Viewer by assigning the same name to multiple widgets.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Group form fields in ASP.NET Core PDF Viewer
+
+The Syncfusion **ASP.NET Core PDF Viewer** allows you to **group multiple form fields into a single logical field** by assigning the **same Name** to them. Grouped form fields share their values and states automatically based on the field type. You can group form fields using the **Form Designer UI** or **programmatically using APIs**, making it easy to keep related fields synchronized across the PDF document.
+
+This page covers:
+- [How form field grouping works](#how-grouping-works)
+- [Field behavior based on type](#field-behavior-by-type)
+- [How to group form fields using the UI](#group-using-the-form-designer-ui)
+- [How to group form fields programmatically](#group-pdf-form-fields-programmatically)
+- [Related references and samples](#example-scenarios)
+
+## How grouping works
+
+In a PDF form, multiple PDF Form Fields can represent the same logical form field. When PDF Form Fields share the same **Name**, they are treated as a group and stay synchronized.
+
+## Field behavior by type
+
+- **Textbox and Password** — Text entered in one widget appears in all widgets with the same Name.  
+- **CheckBox** — Checking one widget sets the checked state for all checkboxes with the same Name.  
+- **RadioButton** — Widgets with the same Name form a radio group; only one option can be selected.  
+- **ListBox and DropDown** — The selected value is shared across widgets with the same Name.  
+- **Signature and Initial fields** — Applied signature/initial is mirrored across grouped widgets.
+
+N>Form field grouping is controlled by the **Name** property. The position of each widget is determined only by its bounds; grouping is not affected by location.
+
+## Group using the Form Designer UI
+
+**Steps**
+1. Enable the [Form Designer toolbar](../toolbar-customization/form-designer-toolbar).
+2. Add the form fields you want to group.
+3. Select a form field, open **Properties**, and set the **Name** value.
+4. Assign the same **Name** to all PDF Form Field that belong to the group.
+5. Apply the changes and verify that updates in one widget reflect in the others.
+
+![Grouping textboxes with the same name](../../javascript-es6/images/groupTextFileds.png)
+
+![Grouping radio buttons with the same name](../../javascript-es6/images/groupRadiobutton.png)
+
+## Group PDF Form Fields Programmatically
+
+You can also group form fields during creation by assigning the same **Name** through code.
+
+### Example Scenarios
+- Two textboxes named **EmployeeId** share the same value.
+- A radio button group named **Gender** allows single selection.
+- Two checkboxes named **Subscribe** share the checked state.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+    var viewerElement = document.getElementById('pdfviewer');
+    var pdfviewer = viewerElement && viewerElement.ej2_instances && viewerElement.ej2_instances[0];
+    if (!pdfviewer) return;
+
+    // preserve the original documentLoad behavior from the TypeScript example
+    pdfviewer.documentLoad = function () {
+        // Textbox group: same name => mirrored value
+        pdfviewer.formDesignerModule.addFormField('Textbox', {
+            name: 'EmployeeId',
+            bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
+        });
+
+        pdfviewer.formDesignerModule.addFormField('Textbox', {
+            name: 'EmployeeId',
+            bounds: { X: 338, Y: 229, Width: 150, Height: 24 }
+        });
+
+        // Radio group: same name => exclusive selection
+        pdfviewer.formDesignerModule.addFormField('RadioButton', {
+            name: 'Gender',
+            bounds: { X: 148, Y: 289, Width: 18, Height: 18 },
+            isSelected: false
+        });
+
+        pdfviewer.formDesignerModule.addFormField('RadioButton', {
+            name: 'Gender',
+            bounds: { X: 292, Y: 289, Width: 18, Height: 18 },
+            isSelected: false
+        });
+
+        // CheckBox group: same name => mirrored checked state
+        pdfviewer.formDesignerModule.addFormField('CheckBox', {
+            name: 'Subscribe',
+            bounds: { X: 56, Y: 664, Width: 20, Height: 20 },
+            isChecked: false
+        });
+
+        pdfviewer.formDesignerModule.addFormField('CheckBox', {
+            name: 'Subscribe',
+            bounds: { X: 242, Y: 664, Width: 20, Height: 20 },
+            isChecked: false
+        });
+    };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./manage-form-fields/create-form-fields)
+- [Modify form fields](./manage-form-fields/modify-form-fields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form validation](./form-validation)
+- [Form fields API](./form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md
new file mode 100644
index 000000000..87826e813
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md
@@ -0,0 +1,392 @@
+---
+layout: post
+title: Create form fields in the ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to add each PDF form field using the PDF Viewer UI and how to create them programmatically in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Create PDF Form Fields in ASP.NET Core PDF Viewer
+
+You can create or add new form fields either visually using the [Form Designer UI](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/formdesigner#/tailwind3) or dynamically using APIs.
+
+## Create Form Fields Using the Form Designer UI 
+Use this approach when you want to design forms manually without writing code.
+
+**Steps:**
+
+1. Enable [Form Designer](../form-designer) mode in the PDF Viewer.
+2. Click a form field type (Textbox, Checkbox, Dropdown, etc.) from the toolbar.
+3. Click on the PDF page to place the form field.
+4. Move or resize the field as required.
+5. Configure field properties using the **Properties** panel.
+
+![Adding a form field using the Form Designer UI](../../javascript-es6/images/FormDesigner.gif)
+
+## Add Form Fields Programmatically (API)
+
+Use this approach when you want to generate form fields dynamically based on data or application logic.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+     // Add Text Box using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'EmployeeId',
+      bounds: { X: 146, Y: 229, Width: 150, Height: 24 },
+      isReadOnly: true,
+      isRequired: true,
+      value: 'EMP-0001'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+**Use programmatic creation when:**
+
+- Building dynamic forms
+- Pre-filling forms from databases
+- Automating form creation workflows
+
+## PDF Form Field Types and How to Add Them
+Each field can be added via the **Form Designer** or **programmatically**.
+
+### Textbox
+
+**Add via Toolbar (UI)**
+- Open **Form Designer** → select **Textbox** → click on the page → configure in **Properties**.
+![Textbox properties panel](../../javascript-es6/images/ui-textbox-edit.png)
+
+**Add Programmatically (API)**
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add Text Box using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+      name: 'FirstName',
+      pageNumber: 1,
+      bounds: { X: 100, Y: 150, Width: 200, Height: 24 },
+      isRequired: true,
+      tooltip: 'Enter your first name',
+      maxLength: 40
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Password
+
+**Add via Toolbar (UI)**
+- Select **Password** → place it → configure tooltip, required, max length.
+![Password Properties Panel](../../javascript-es6/images/ui-password-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add Password Field using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('Password', {
+      name: 'AccountPassword',
+      pageNumber: 1,
+      bounds: { X: 100, Y: 190, Width: 200, Height: 24 },
+      isRequired: true,
+      maxLength: 32,
+      tooltip: 'Enter a secure password'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### CheckBox
+**Add via Toolbar (UI)**
+- Select **CheckBox** → click to place → duplicate for options → set isChecked, tooltip, appearance.
+![CheckBox Properties Panel](../../javascript-es6/images/ui-checkbox-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add CheckBox Field using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('CheckBox', {
+      name: 'AgreeTerms',
+      pageNumber: 1,
+      bounds: { X: 100, Y: 230, Width: 18, Height: 18 },
+      isChecked: false,
+      tooltip: 'I agree to the terms'
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### RadioButton
+**Add via Toolbar (UI)**
+- Select **RadioButton** → place buttons with the **same Name** to group → configure selection/colors.
+![Radio Button Properties Panel](../../javascript-es6/images/ui-radiobutton-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add RadioButtons using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('RadioButton', {
+      name: 'Gender',
+      value: 'Male',
+      pageNumber: 1,
+      bounds: { X: 100, Y: 270, Width: 16, Height: 16 }
+    });
+    pdfviewer.formDesignerModule.addFormField('RadioButton', {
+      name: 'Gender',
+      value: 'Female',
+      pageNumber: 1,
+      bounds: { X: 160, Y: 270, Width: 16, Height: 16 }
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### ListBox
+**Add via Toolbar (UI)**
+- Select **ListBox** → place → add items in **Properties**.
+![ListBox Properties Panel](../../javascript-es6/images/ui-listbox-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add ListBox using addFormField Method
+    var option = [
+      { itemName: 'Item 1', itemValue: 'item1' },
+      { itemName: 'Item 2', itemValue: 'item2' },
+      { itemName: 'Item 3', itemValue: 'item3' }
+    ];
+    pdfviewer.formDesignerModule.addFormField('ListBox', {
+      name: 'States',
+      pageNumber: 1,
+      bounds: { X: 100, Y: 310, Width: 220, Height: 70 },
+      options: option
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### DropDown
+**Add via Toolbar (UI)**
+- Select **DropDown** → place → add items → set default value.
+![DropDown Properties Panel](../../javascript-es6/images/ui-dropdown-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add DropDown using addFormField Method
+    var options = [
+      { itemName: 'Item 1', itemValue: 'item1' },
+      { itemName: 'Item 2', itemValue: 'item2' },
+      { itemName: 'Item 3', itemValue: 'item3' }
+    ];
+    pdfviewer.formDesignerModule.addFormField('DropDown', {
+      name: 'Country',
+      options: options,
+      bounds: { X: 560, Y: 320, Width: 150, Height: 24 }
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Signature Field
+**Add via Toolbar (UI)**
+- Select **Signature Field** → place where signing is required → configure indicator text, thickness, tooltip, required.
+![Signature Field](../../javascript-es6/images/ui-signature-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add Signature Field using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('SignatureField', {
+      name: 'Sign',
+      bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+      tooltip: 'sign Here',
+      isRequired: true
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Initial Field
+**Add via Toolbar (UI)**
+- Select **Initial Field** → place where initials are needed → configure text and required state.
+![Initial field Properties Panel](../../javascript-es6/images/ui-initial-edit.png)
+
+**Add Programmatically (API)**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    // Add Initial Field using addFormField Method
+    pdfviewer.formDesignerModule.addFormField('InitialField', {
+      name: 'Sign',
+      bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+      tooltip: 'sign Here',
+      isRequired: true
+    });
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add Fields Dynamically with setFormFieldMode
+
+Use **setFormFieldMode()** to add fields on the fly based on user actions.
+
+### Edit Form Fields in ASP.NET Core PDF Viewer
+You can edit form fields using the UI or API.
+
+#### Edit Using the UI
+- Right click a field → **Properties** to update settings. (Image here)
+- Drag to move; use handles to resize.
+- Use the toolbar to toggle field mode or add new fields.
+
+#### Edit Programmatically
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<!-- Buttons to edit/add form fields -->
+<button id='editTextbox'>EditTextBox</button>
+<button id='addPasswordField'>Add Form Field</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  // Edit FormField on Button Click
+  document.getElementById('editTextbox').addEventListener('click', function () {
+    var fields = pdfviewer.retrieveFormFields();
+    var field = fields.find(function (f) { return f.name === 'First Name'; }) || fields[0];
+    if (field) {
+      pdfviewer.formDesignerModule.updateFormField(field, {
+        value: 'John',
+        fontFamily: 'Courier',
+        fontSize: 12,
+        fontStyle: 'None',
+        color: 'black',
+        backgroundColor: 'white',
+        borderColor: 'black',
+        thickness: 2,
+        alignment: 'Left',
+        maxLength: 50
+      });
+    }
+  });
+  //Add Form Fields using setFormFieldmode
+  document.getElementById('addPasswordField').addEventListener('click', function () {
+    pdfviewer.formDesignerModule.setFormFieldMode('Password');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See Also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Modify form fields](./modify-form-fields)
+- [Style form fields](./style-form-fields)
+- [Remove form fields](./remove-form-fields)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Form Fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md
new file mode 100644
index 000000000..7e76dcce5
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md
@@ -0,0 +1,112 @@
+---
+layout: post
+title: Customize form fields in the ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to customize PDF form fields using the UI and programmatically with APIs in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Customize the appearance of PDF Form Fields in ASP.NET Core PDF Viewer
+
+**Styling** customizes appearance only (font, color, alignment, border, background, indicator text).
+
+## Customize Appearance of Form Fields Using the UI
+Use the **Properties** panel to adjust:
+- Font family/size, text color, alignment
+- Border color/thickness
+- Background color
+![Textbox style from UI](../../javascript-es6/images/ui-textbox-style.png)
+
+## Customize appearance Form Fields Programmatically
+Use [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to apply styles.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+<button id="CustomizeTextboxStyle">Update Textbox Style</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('CustomizeTextboxStyle').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) {
+      console.warn('PDF Viewer or formDesignerModule not ready');
+      return;
+    }
+    var fields = pdfviewer.retrieveFormFields();
+    var tb = (fields || []).find(function (f) { return f.name === 'First Name'; }) || fields[0];
+    if (tb) {
+      pdfviewer.formDesignerModule.updateFormField(tb, {
+        value: 'John',
+        fontFamily: 'Courier',
+        fontSize: 12,
+        fontStyle: 'None',
+        color: 'black',
+        borderColor: 'black',
+        backgroundColor: 'white',
+        alignment: 'Left',
+        thickness: 2
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Set Default Styles for New Form Fields
+Define defaults so fields added from the toolbar inherit styles.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  pdfviewer.documentLoad = function () {
+    pdfviewer.textFieldSettings = {
+      name: 'Textbox',
+      isReadOnly: false,
+      visibility: 'visible',
+      isRequired: false,
+      isPrint: true,
+      tooltip: 'Textbox',
+      thickness: 4,
+      value: 'Textbox',
+      fontFamily: 'Courier',
+      fontSize: 10,
+      fontStyle: 'None',
+      color: 'black',
+      borderColor: 'black',
+      backgroundColor: 'White',
+      alignment: 'Left',
+      maxLength: 0,
+      isMultiline: false
+    };
+    if (typeof pdfviewer.dataBind === 'function') { pdfviewer.dataBind(); }
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-form-fields)
+- [Modify form fields](./modify-form-fields)
+- [Remove form fields](./remove-form-fields)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../form-fields-api)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md
new file mode 100644
index 000000000..5b7bf50b1
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md
@@ -0,0 +1,361 @@
+---
+layout: post
+title: Modify form fields in the ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to modify PDF form fields using the UI and programmatically with APIs in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Modify PDF Form Field Properties in ASP.NET Core PDF Viewer
+You can modify form fields using the **UI** or **API**.
+
+## Modify PDF Form Field Properties using the UI
+- Right click a field → **Properties** to update settings.
+![Textbox properties panel](../../javascript-es6/images/ui-textbox-edit.png)
+- Drag to move; use handles to resize.
+- Use the toolbar to toggle field mode or add new fields.
+
+## Modify PDF Form Field Properties programmatically
+Use [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to change behavior/data (including position and size).
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+<button id="modifyTextbox">Apply Textbox Changes</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('modifyTextbox').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var field = fields.find(function (f) { return f.name === 'First Name'; }) || fields[0];
+    if (field) {
+      pdfviewer.formDesignerModule.updateFormField(field, {
+        value: 'John',
+        fontFamily: 'Courier',
+        fontSize: 12,
+        fontStyle: 'None',
+        color: 'black',
+        backgroundColor: 'white',
+        borderColor: 'black',
+        thickness: 2,
+        alignment: 'Left',
+        maxLength: 50
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Modify PDF Form Field Properties by Field type
+
+### Textbox
+- UI: Update value, font, size, colors, border thickness, alignment, max length, multiline.
+![Textbox properties panel](../../../javascript-es6/images/ui-textbox-edit.png)
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for value, typography, alignment, colors, borders.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="modifyTextbox">Apply Textbox Changes</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('modifyTextbox').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var field = fields.find(function (f) { return f.name === 'First Name'; }) || fields[0];
+    if (field) {
+      pdfviewer.formDesignerModule.updateFormField(field, {
+        value: 'John',
+        fontFamily: 'Courier',
+        fontSize: 12,
+        fontStyle: 'None',
+        color: 'black',
+        backgroundColor: 'white',
+        borderColor: 'black',
+        thickness: 2,
+        alignment: 'Left',
+        maxLength: 50
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Password
+
+- UI: Tooltip, required, max length, font, appearance.
+![Password edited from UI](../../../javascript-es6/images/ui-password-edit.png)
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, validation flags, typography, colors, alignment, borders.
+![Password edited from UI](../../../javascript-es6/images/ui-password-edit.png)
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="modifyPasswordBox">Edit PasswordBox</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('modifyPasswordBox').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var field = fields.find(function (f) { return f.name === 'Password'; });
+    if (field) {
+      pdfviewer.formDesignerModule.updateFormField(field, {
+        tooltip: 'Enter your password',
+        isReadOnly: false,
+        isRequired: true,
+        isPrint: true,
+        fontFamily: 'Courier',
+        fontSize: 10,
+        color: 'black',
+        borderColor: 'black',
+        backgroundColor: 'white',
+        alignment: 'Left',
+        maxLength: 20,
+        thickness: 1
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### CheckBox
+- UI: Toggle checked state.
+![CheckBox edited from UI](../../../javascript-es6/images/ui-checkbox-edit.png)
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for isChecked, tooltip, colors, borders.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="modifyCheckbox">Modify CheckBox</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('modifyCheckbox').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var cb = fields.find(function (f) { return f.name === 'Subscribe'; });
+    if (cb) {
+      pdfviewer.formDesignerModule.updateFormField(cb, {
+        isChecked: true,
+        backgroundColor: 'white',
+        borderColor: 'black',
+        thickness: 2,
+        tooltip: 'Subscribe to newsletter'
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### RadioButton
+•	UI: Set selected item in a group (same Name).
+![RadioButton edited from UI](../../../javascript-es6/images/ui-radiobutton-edit.png)
+•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to set selected value and border appearance.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="editRadio">Modify RadioButton</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('editRadio').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var genderRadios = fields.filter(function (f) { return f.name === 'Gender'; });
+    if (genderRadios[1]) {
+      pdfviewer.formDesignerModule.updateFormField(genderRadios[0], { isSelected: false });
+      pdfviewer.formDesignerModule.updateFormField(genderRadios[1], { isSelected: true, thickness: 2, borderColor: 'black' });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### ListBox
+•	UI: Add/remove items, set selection, adjust fonts/colors.
+![ListBox edited from UI](../../../javascript-es6/images/ui-listbox-edit.png)
+•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for items, selection, borders.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="editListBox">Edit ListBox</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('editListBox').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var lb = fields.find(function (f) { return f.name === 'States'; });
+    if (lb) {
+      var option = [
+        { itemName: 'Alabama', itemValue: 'AL' },
+        { itemName: 'Alaska', itemValue: 'AK' },
+        { itemName: 'Arizona', itemValue: 'AZ' }
+      ];
+      pdfviewer.formDesignerModule.updateFormField(lb, {
+        fontFamily: 'Courier',
+        fontSize: 5,
+        color: 'black',
+        backgroundColor: 'white',
+        tooltip: 'listbox',
+        options: option
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### DropDown
+•	UI: Add/remove items, default value, appearance.
+![DropDown edited from UI](../../../javascript-es6/images/ui-dropdown-edit.png)
+•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for items, value, borders.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="editDropDown">Edit DropDown</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('editDropDown').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var dd = fields.find(function (f) { return f.name === 'Country'; });
+    if (dd) {
+      pdfviewer.formDesignerModule.updateFormField(dd, {
+        options: [
+          { itemName: 'USA', itemValue: 'US' },
+          { itemName: 'Canada', itemValue: 'CA' },
+          { itemName: 'Mexico', itemValue: 'MX' }
+        ],
+        value: 'US',
+        fontFamily: 'Courier',
+        fontSize: 10,
+        color: 'black',
+        borderColor: 'black',
+        backgroundColor: 'white'
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Signature Field
+•	UI: Tooltip, thickness, indicator text, required/visibility.
+![Signature field edited from UI](../../../javascript-es6/images/ui-signature-edit.png)
+•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<button id="editSignature">Edit Signature</button>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('editSignature').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var sig = fields.find(function (f) { return f.name === 'Sign'; });
+    if (sig) {
+      pdfviewer.formDesignerModule.updateFormField(sig, {
+        tooltip: 'Please sign here',
+        thickness: 3,
+        isRequired: true,
+        isPrint: true,
+        backgroundColor: 'white',
+        borderColor: 'black'
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Initial Field
+•	UI: Tooltip, indicator text, thickness, required/visibility.
+![Initial field edited from UI](../../javascript-es6/images/ui-initial-edit.png)
+•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="editInitial">Edit Initial</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('editInitial').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var init = fields.find(function (f) { return f.name === 'Initial'; });
+    if (init) {
+      pdfviewer.formDesignerModule.updateFormField(init, {
+        tooltip: 'Add your initials',
+        thickness: 2,
+        isRequired: true,
+        isPrint: true,
+        backgroundColor: 'white',
+        borderColor: 'black'
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-form-fields)
+- [Remove form Fields](./remove-form-fields)
+- [Style form fields](./customize-form-fields)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md
new file mode 100644
index 000000000..dd6b78454
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md
@@ -0,0 +1,56 @@
+---
+layout: post
+title: Move and Resize form fields in the ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to move and resize PDF form fields using the UI and programmatically with APIs in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Move and Resize PDF Form Fields in ASP.NET Core PDF Viewer
+- **Move**: Drag the form field to reposition it.
+- **Resize**: Use the resize handles to change width and height.
+
+![Moveing and Resizing a form field](../../javascript-es6/images/move-resize-forms.gif)
+
+## Move and Resize Fields Programmatically (API)
+You can set absolute bounds or move fields by a delta.
+
+**Set absolute bounds**
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<button id="resizeMove">Resize and Move FormFields</button>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('resizeMove').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = pdfviewer.retrieveFormFields() || [];
+    var field = fields.find(function (f) { return f.name === 'First Name'; }) || fields[0];
+    if (field) {
+      pdfviewer.formDesignerModule.updateFormField(field, {
+        bounds: { X: 140, Y: 210, Width: 220, Height: 24 }
+      });
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-form-fields)
+- [Remove form Fields](./remove-form-fields)
+- [Customize form fields](./customize-form-fields)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md
new file mode 100644
index 000000000..9a3b7f3eb
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md
@@ -0,0 +1,63 @@
+---
+layout: post
+title: Remove form fields in the ASP.NET Core PDF Viewer component | Syncfusion
+description: Learn how to remove PDF form fields using the UI and programmatically in the Syncfusion ASP.NET Core PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Remove PDF Form Fields in ASP.NET Core PDF Viewer
+
+## Remove Form Fields Using the UI
+**Steps:**
+1.	Enable **Form Designer mode**.
+2.	Select the form field.
+3.	Click **Delete** in the toolbar or press the **Delete** key.
+![Form Designer toolbar with Delete icon](../../javascript-es6/images/ui-del-formfields.png)
+
+## Remove Form Fields Programmatically
+Use **deleteFormField()** with a field reference or ID.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="deleteAllFields">Delete Form Fields</button>
+<button id="deleteById">Delete First Field By ID</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('deleteAllFields').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var fields = (pdfviewer.formFieldCollections || []).slice();
+    fields.forEach(function (field) { pdfviewer.formDesignerModule.deleteFormField(field); });
+  });
+  document.getElementById('deleteById').addEventListener('click', function () {
+    if (!pdfviewer || !pdfviewer.formDesignerModule) { console.warn('formDesignerModule not ready'); return; }
+    var collections = pdfviewer.formFieldCollections || [];
+    if (collections.length > 0) {
+      var id = collections[0].id;
+      if (id) { pdfviewer.formDesignerModule.deleteFormField(id); }
+    }
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-form-fields)
+- [Modify form fields](./modify-form-fields)
+- [Customize form fields](./customize-form-fields)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview-create-forms.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview-create-forms.md
new file mode 100644
index 000000000..9b9cda0ce
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview-create-forms.md
@@ -0,0 +1,21 @@
+---
+layout: post
+title: Overview of Create form fields in ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to create edit each form field using the PDF Viewer UI and how to create them programmatically in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+
+# Create, Edit, Style, and Remove Form Fields in ASP.NET Core PDF Viewer
+
+The [ASP.NET Core PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/overview) allows you to create interactive PDF form fields, update their behavior and appearance, and remove them when they are no longer needed.
+All form field operations can be performed using either the [Form Designer user interface (UI)](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/formdesigner#/tailwind3) or [ASP.NET Core APIs.](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html)
+
+This section explains how to:
+
+- [Create PDF form fields](./manage-form-fields/create-form-fields)
+- [Edit form field behavior and values](./manage-form-fields/modify-form-fields)
+- [Style the appearance of form fields](./manage-form-fields/customize-form-fields)
+- [Remove form fields from a PDF document](./manage-form-fields/remove-form-fields)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview.md
new file mode 100644
index 000000000..78f0108cc
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/overview.md
@@ -0,0 +1,74 @@
+---
+layout: post
+title: Overview of Forms in ASP.NET Core PDF Viewer | Syncfusion
+description: Learn what the Form Designer in Syncfusion Core PDF Viewer offers, supported field types, and how the topics are organized.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Overview of Forms in ASP.NET Core PDF Viewer
+
+The Syncfusion PDF Viewer delivers a complete, easy-to-use PDF forms experience. You can read, fill, add, edit, and delete form fields directly within your PDF documents. These actions are supported through both the intuitive user interface and powerful programmatic APIs.
+
+The viewer also includes smooth import and export support for form data, making integration effortless. Developers benefit from extensive API control, while end users enjoy a clean and simple interface designed for a seamless and stress-free form-filling experience.
+
+## Filling PDF Forms
+
+Experience effortless PDF form filling through a clean, intuitive UI or automated workflows using powerful APIs. Flexible form data import and export support ensures smooth and efficient operations when working with PDF forms.
+
+See the [Filling PDF Forms](./form-filling) page for full details.
+
+Use the following code-snippet to enable form-filling by using the ASP.NET Core `ejs-pdfviewer` markup.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+![FormFilling](../../javascript-es6/images/FormFields.gif)
+
+1. [Programmatically Form fill](./form-filling#fill-pdf-forms-programmatically)
+2. [Form Fill Using UI](./form-filling#fill-pdf-forms-through-the-user-interface)
+3. [Import the Form data](./form-filling#fill-pdf-forms-through-import-data)
+
+## Form Designer
+
+A built in Form Designer lets you quickly add, edit, move, and delete form fields in the PDF documents. This viewer allows you to design fillable PDF forms interactively either using the built-in form designer tools or building your own customized form designer tools.
+
+See the [Form Designer](./form-designer) page for full details.
+
+Use the following Code-snippet to enable Form Designer using the ASP.NET Core `ejs-pdfviewer` markup.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+![FormDesigner](../../javascript-es6/images/FormDesigner.gif)
+
+Create and customize interactive fields directly on the PDF page.
+- [Create](./manage-form-fields/create-form-fields), [edit](./manage-form-fields/modify-form-fields), or [remove](./manage-form-fields/remove-form-fields) forms
+- [Add a Signature Field](./manage-form-fields/create-form-fields#add-signature-field) 
+- [Edit Form Field](./manage-form-fields/modify-form-fields)
+- [Remove Form Field](./manage-form-fields/remove-form-fields) 
+- [Form Field Constraints](./form-constrain) 
+
+## Supported form field types
+
+- [Textbox](../forms/manage-form-fields/create-form-fields#add-textbox)
+- [Password](../forms/manage-form-fields/create-form-fields#add-password)
+- [CheckBox](../forms/manage-form-fields/create-form-fields#add-checkbox)
+- [RadioButton](../forms/manage-form-fields/create-form-fields#add-radiobutton)
+- [ListBox](../forms/manage-form-fields/create-form-fields#add-listbox)
+- [DropDown](../forms/manage-form-fields/create-form-fields#add-dropdown)
+- [Signature field](../forms/manage-form-fields/create-form-fields#add-signature-field)
+- [Initial field](../forms/manage-form-fields/create-form-fields#add-initial-field)
\ No newline at end of file

From 8e2ceab16afaf429b67a24721e16b28c923759b6 Mon Sep 17 00:00:00 2001
From: SF4524LogeshKumar <logeshkumar.dhamodharan@syncfusion.com>
Date: Fri, 6 Feb 2026 12:32:53 +0530
Subject: [PATCH 06/12] 1008615: Updated Forms UG Revamp Core Part II

---
 Document-Processing-toc.html                  |  32 +++-
 .../export-form-fields.md                     | 153 ++++++++++++++++++
 .../import-export-events.md                   | 107 ++++++++++++
 .../import-form-fields.md                     | 110 +++++++++++++
 .../asp-net-core/how-to/custom-fonts.md       |  55 ++++++-
 5 files changed, 443 insertions(+), 14 deletions(-)
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/export-form-fields.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-export-events.md
 create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-form-fields.md

diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index 4c77cee3c..b41625838 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -196,16 +196,36 @@
 								</ul>
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/interaction-mode">Interaction Mode</a></li>
-							<li>Form Designer
+							<li>Forms
 								<ul>
-									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/create-programmatically">Create form fields programmatically</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/create-with-user-interface-interaction">Create form fields with UI interaction</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/toolbar-customization/form-designer-toolbar">Form Designer Toolbar</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/form-field-events">Form Field events</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/form-filling">Fill form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/form-designer">Form Designer and Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/overview-create-forms">Create, Edit, Style and Remove Form Fields</a>
+										<ul>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/manage-form-fields/create-form-fields">Create form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/manage-form-fields/modify-form-fields">Modify form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/manage-form-fields/customize-form-fields">Customize form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields">Move and Resize form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/manage-form-fields/remove-form-fields">Remove form fields</a></li>
+										</ul>
+									</li>
+									<li>Import/Export form data
+										<ul>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/import-export-form-fields/import-form-fields">Import form data</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/import-export-form-fields/export-form-fields">Export form data</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/import-export-form-fields/import-export-events">Import/Export events</a></li>
+										</ul>
+									</li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/custom-data">Add custom data in form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/group-form-fields">Grouping form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/form-constrain">Form Field Flags</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/form-validation">Form Validation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/how-to/custom-fonts">Custom fonts</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/form-field-events">Form Field events</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/forms/form-fields-api">APIs</a></li>
 								</ul>
 							</li>
-							<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/form-filling">Form Filling</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pdf">Organize Pages</a>
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/overview">Overview</a></li>
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/export-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/export-form-fields.md
new file mode 100644
index 000000000..1ce1b366f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/export-form-fields.md
@@ -0,0 +1,153 @@
+---
+layout: post
+title: Export form data in the ASP.NET Core PDF Viewer component | Syncfusion
+description: Learn how to export PDF form field data (FDF, XFDF, JSON, and as an object) using the Syncfusion ASP.NET Core PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Export PDF Form Data from ASP.NET Core PDF Viewer
+
+The PDF Viewer allows you to export form field data in multiple formats for easy storage or integration. Supported formats:
+
+- [FDF](#export-as-fdf)
+- [XFDF](#export-as-xfdf)
+- [JSON](#export-as-json)
+- [JavaScript Object](#export-as-object) (for custom persistence)
+
+## Available methods
+
+- [exportFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfields)(destination?, format) — Exports data to a file in the specified format.
+- [exportFormFieldsAsObject](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfieldsasobject)(format) — Exports data as a JavaScript object for custom handling.
+- [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields)(sourceOrObject, format) — Import data back into the PDF.
+
+## How to export
+
+Use [exportFormFields()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfields) with an optional destination path and the format type.
+
+### Export as FDF
+The following example exports form field data as FDF.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="exportFdf">Export FDF</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('exportFdf').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    // Destination is optional; if omitted the browser will prompt.
+    pdfviewer.exportFormFields('FormData', 'Fdf');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Export as XFDF
+The following example exports form field data as XFDF.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<button id="exportXfdf">Export XFDF</button>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('exportXfdf').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    pdfviewer.exportFormFields('FormData', 'Xfdf');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Export as JSON
+The following example exports form field data as JSON.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<button id="exportJson">Export JSON</button>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('exportJson').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    pdfviewer.exportFormFields('FormData', 'Json');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Export as Object
+
+Use [exportFormFieldsAsObject()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfieldsasobject) to obtain form data as a JavaScript object for database or API integration.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<button id="exportObj">Export Object</button>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  var exportedData;
+  document.getElementById('exportObj').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    pdfviewer.exportFormFieldsAsObject('Fdf').then(function (data) {
+      exportedData = data; // Persist or send to server
+      console.log('Exported object:', exportedData);
+    });
+    // Alternatives:
+    // pdfviewer.exportFormFieldsAsObject('Xfdf').then(...)
+    // pdfviewer.exportFormFieldsAsObject('Json').then(...)
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Common Use Cases
+
+- Save user-entered data to your server without altering the original PDF.
+- Export as JSON for REST API integration.
+- Export as FDF/XFDF for compatibility with other PDF tools.
+- Export as Object to merge with app state or store securely.
+- Automate exports after [validation](../form-validation) using [validateFormFields()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#validateformfields)
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Import form fields](./import-form-fields)
+- [Import Export Events](./import-export-events)
+- [Create form fields](../overview-create-forms)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-export-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-export-events.md
new file mode 100644
index 000000000..d807c6e18
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-export-events.md
@@ -0,0 +1,107 @@
+---
+layout: post
+title: Import/Export events in the ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to handle Import/Export events for PDF form fields in the Syncfusion ASP.NET Core PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# PDF Form Import and Export Events in ASP.NET Core
+
+Import/Export events let you **track and customize the entire life cycle** of form data being imported into or exported from the PDF Viewer.
+Use these events to:
+- Validate inputs before processing.
+- Show progress indicators.
+- Log audit trails.
+- Block operations based on business rules.
+
+Each event provides detailed context through typed event arguments such as [ImportStartEventArgs](https://ej2.syncfusion.com/documentation/api/pdfviewer/importstarteventargs), [ImportSuccessEventArgs](https://ej2.syncfusion.com/documentation/api/pdfviewer/importsuccesseventargs), [ImportFailureEventArgs](https://ej2.syncfusion.com/documentation/api/pdfviewer/importfailureeventargs), [ExportStartEventArgs](https://ej2.syncfusion.com/documentation/api/pdfviewer/exportstarteventargs), [ExportSuccessEventArgs](https://ej2.syncfusion.com/documentation/api/pdfviewer/exportsuccesseventargs), and [ExportFailureEventArgs](https://ej2.syncfusion.com/documentation/api/pdfviewer/exportfailureeventargs).
+
+## Import Events
+- [importStart](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ImportStart) — Fires when an import begins.
+- [importSuccess](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ImportSuccess) — Fires when form fields are successfully imported.
+- [importFailed](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ImportFailed) — Fires if the import fails.
+
+**Example: Handle Import Events**
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+  pdfviewer.importStart = function (args) {
+    console.log('Import started', args);
+    // e.g. show spinner, validate inputs
+  };
+  pdfviewer.importSuccess = function (args) {
+    console.log('Import success', args);
+    // e.g. hide spinner, show toast
+  };
+  pdfviewer.importFailed = function (args) {
+    console.error('Import failed', args);
+    // e.g. show error dialog
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Export Events
+- [exportStart](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ExportStart) — Fires when an export begins.
+- [exportSuccess](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ExportSuccess) — Fires when form fields are successfully exported.
+- [exportFailed](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ExportFailed) — Fires if the export fails.
+
+**Example: Handle Export Events**
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+  pdfviewer.exportStart = function (args) {
+    console.log('Export started', args);
+    // e.g. disable export UI
+  };
+  pdfviewer.exportSuccess = function (args) {
+    console.log('Export success', args);
+    // e.g. enable UI, provide download link
+  };
+  pdfviewer.exportFailed = function (args) {
+    console.error('Export failed', args);
+    // e.g. re-enable UI, notify user
+  };
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Key Notes
+- importStart, importSuccess, importFailed cover the full import life cycle.
+- exportStart, exportSuccess, exportFailed cover the full export life cycle.
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](../overview-create-forms)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Import form fields](./import-form-fields)
+- [Export form fields](./export-form-fields)
+- [Form validation](../form-validation)
+- [Form fields API](../form-fields-api)
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-form-fields.md
new file mode 100644
index 000000000..accab9134
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-form-fields.md
@@ -0,0 +1,110 @@
+---
+layout: post
+title: Import form data in the ASP.NET Core PDF Viewer component | Syncfusion
+description: Learn how to import PDF form field data (FDF, XFDF, JSON, and from an object) using the Syncfusion ASP.NET Core PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Import PDF Form Data into ASP.NET Core PDF Viewer
+
+The **PDF Viewer** lets you import values into interactive form fields in the currently loaded PDF. You can import data from these formats:
+
+- [FDF](#import-as-fdf)
+- [XFDF](#import-xfdf)
+- [JSON](#import-json)
+
+## API to use
+- [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields)(sourceOrObject, format)
+
+N>If you’re using a **server-backed viewer**, set serviceUrl before importing.
+
+### Import FDF
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<button id="importFdf">Import FDF</button>
+
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('importFdf').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    // The file for importing should be accessible at the given path or as a file stream depending on your integration
+    pdfviewer.importFormFields('File', 'Fdf');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Import XFDF
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="importXfdf">Import XFDF</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('importXfdf').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    // The file for importing should be accessible at the given path or as a file stream depending on your integration
+    pdfviewer.importFormFields('File', 'Xfdf');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Import JSON
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="importJson">Import JSON</button>
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:640px; width:100%" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+document.addEventListener('DOMContentLoaded', function () {
+  var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+  document.getElementById('importJson').addEventListener('click', function () {
+    if (!pdfviewer) { console.warn('PDF Viewer not ready'); return; }
+    // The file for importing should be accessible at the given path or as a file stream depending on your integration
+    pdfviewer.importFormFields('File', 'Json');
+  });
+});
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Common Use Cases
+
+- Pre-fill application forms from a database using JSON.
+- Migrate data from other PDF tools using FDF/XFDF.
+- Restore user progress saved locally or on the server.
+- Combine with validation to block print/download until required fields are completed.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Export form fields](./export-form-fields)
+- [Import Export Events](./import-export-events)
+- [Create Edit form fields](../overview-create-forms)
+- [Group form fields](../group-form-fields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md
index 99dfd986f..c82ad242e 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md
@@ -1,21 +1,46 @@
 ---
 layout: post
-title: Add custom fonts in ASP.NET Core PDF Viewer | Syncfusion
-description: Learn how to add and load custom TTF fonts for documents displayed in the Syncfusion ASP.NET Core PDF Viewer using the customFonts property.
+title: Add custom fonts in Core PDF Viewer | Syncfusion
+description: Learn how to add and load custom TTF fonts for documents displayed in the Core PDF Viewer using the customFonts property.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
+domainurl: ##DomainURL##
 ---
 
-# Add custom fonts in the ASP.NET Core PDF Viewer
+# Add Custom Fonts to PDF Forms in Core PDF Viewer
 
-To use custom fonts in the Syncfusion ASP.NET Core PDF Viewer, add the custom TTF files to the resource URL directory and configure the viewer to load them. Specify font file names using the `customFonts` property as an array of names.
+The Syncfusion **Core PDF Viewer** supports loading, editing, and saving **custom fonts** in form fields such as [TextBox](../forms/manage-form-fields/create-form-fields#textbox), [ListBox](../forms/manage-form-fields/create-form-fields#listbox), and [DropDown](../forms/manage-form-fields/create-form-fields#dropdown) fields using the customFonts property. This ensures consistent text rendering even when the required fonts are not installed on the user’s system.  
+Custom fonts are embedded and preserved when form fields are modified or saved, making the PDF display correctly across environments.
 
-## Steps to add custom fonts
+## When dynamic fonts are used
+Dynamic fonts are currently used in the following scenarios:
+- **Text annotations** — When users enter text annotations that use non standard fonts, the viewer dynamically loads the required fonts to ensure correct character rendering. 
+- **PDF forms** — When users fill form fields that rely on fonts not included by default, dynamic font loading ensures the entered text is rendered correctly.
 
-**Step 1:** Add custom TTF font files to the resource URL path referenced in the application. For example, place the TTF files in the ej2-pdfviewer-lib folder that serves as the resource URL path.
+## How Custom Fonts Work
+The custom font workflow in the PDF Viewer is as follows:
+- Place the required **TrueType Font (TTF)** files in the resource directory used by the viewer.
+- Specify the font names using the customFonts property.
+- The specified fonts become available for:
+  - Rendering form field content
+  - Editing text in form fields
+  - Saving and downloading the PDF with embedded fonts
 
-**Step 2:** Use the following code to configure custom fonts in the PDF Viewer.
+## Steps to Add Custom Fonts
+
+### Add TTF Font Files
+1. Place the TTF font files in the resource path used by the PDF Viewer (for example, the ej2-pdfviewer-lib folder).  
+2. Fonts can be referenced in either of the following ways:
+   - **Relative path** 
+     Example:  
+     calibri.ttf  
+     fallback-fonts/calibri.ttf
+   - **Absolute URL**
+     Fonts can be hosted on a server and referenced using a fully qualified URL. Ensure that the hosting server has **CORS** enabled.
+
+### Configure Custom Fonts in the PDF Viewer
+Specify the required font names in the customFonts property.
 
 ```html
 
@@ -42,4 +67,18 @@ To use custom fonts in the Syncfusion ASP.NET Core PDF Viewer, add the custom TT
 
 ```
 
-These steps integrate custom fonts into PDF documents displayed in the PDF Viewer.
+N>Ensure that the font file names match the specified font names.
+
+## Supported Form Fields
+Custom fonts can be applied to the following form field types:
+- [TextBox](../forms/manage-form-fields/create-form-fields#textbox)
+- [ListBox](../forms/manage-form-fields/create-form-fields#listbox)
+- [DropDown](../forms/manage-form-fields/create-form-fields#dropdown)
+
+## Notes and Limitations
+- If text rendered using a custom font exceeds the form field’s bounds, the downloaded PDF may render incorrectly in some third party PDF viewers.
+- The same content displays correctly in the **Syncfusion PDF Viewer**.
+
+## To avoid rendering issues:
+- Use an appropriate font size that fits within the form field.
+- Increase the size of the form field before saving or downloading the PDF.
\ No newline at end of file

From a7020885fa67b1be69f9602abb109f7947ed77d9 Mon Sep 17 00:00:00 2001
From: SF4524LogeshKumar <logeshkumar.dhamodharan@syncfusion.com>
Date: Fri, 6 Feb 2026 13:18:29 +0530
Subject: [PATCH 07/12] 1008615: Resolved CI failures

---
 .../form-designer/create-programmatically.md  | 1903 -----------------
 .../create-with-user-interface-interaction.md |  138 --
 .../form-designer/form-field-events.md        |  607 ------
 .../asp-net-core/forms/form-designer.md       |    2 +-
 .../asp-net-core/forms/form-validation.md     |    9 +-
 .../asp-net-core/forms/group-form-fields.md   |    2 +-
 .../manage-form-fields/create-form-fields.md  |   16 +-
 .../customize-form-fields.md                  |    2 +-
 .../manage-form-fields/modify-form-fields.md  |    4 +-
 .../move-resize-form-fields.md                |    4 +-
 .../manage-form-fields/remove-form-fields.md  |    4 +-
 11 files changed, 20 insertions(+), 2671 deletions(-)
 delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-programmatically.md
 delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-with-user-interface-interaction.md
 delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/form-field-events.md

diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-programmatically.md
deleted file mode 100644
index 9d3192f5d..000000000
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-programmatically.md
+++ /dev/null
@@ -1,1903 +0,0 @@
----
-layout: post
-title: Programmatically Add Fields in ASP.NET Core PDF Viewer | Syncfusion
-description: Learn how to add, update, delete, save, print, validate, and import/export form fields in the Syncfusion ASP.NET Core PDF Viewer component.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
----
-
-# Create form fields programmatically in ASP.NET Core PDF Viewer
-
-The PDF Viewer component provides options to add, edit, and delete form fields. The supported form field types are:
-
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
-
-## Add a form field to PDF document programmatically
-
-Use the addFormField method to add form fields programmatically. Pass the form field type and the corresponding property object as parameters. The following example demonstrates adding a field on document load.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            {
-                name: "Textbox",
-                bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
-            });
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            {
-                name: "Textbox",
-                bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
-            });
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## Edit/Update form field programmatically
-
-Use the updateFormField method to modify a form field programmatically. Retrieve the target field from the formFieldCollections property (by object or ID) and pass it as the first parameter. Provide the properties to update as the second parameter. The following example updates the background color of a Textbox field.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0],
-            { backgroundColor: 'red' });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0],
-            { backgroundColor: 'red' });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Delete form field programmatically
-
-Use the deleteFormField method to remove a form field programmatically. Retrieve the target field from the formFieldCollections property (by object or ID) and pass it to deleteFormField. The following example deletes the first form field.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0] });
-     }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.addFormField("Textbox",
-            { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } });
-        pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0] });
-     }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Save form fields
-
-Selecting the Download icon on the toolbar saves the form fields in the exported PDF without modifying the original document. See the following GIF for reference.
-
-![Save form fields from the PDF Viewer](../images/saveformfield.gif)
-
-You can invoke the download action using the following code snippet.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enableDownload="true"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfViewer.download();
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enableDownload="true"
-                   documentLoad="documentLoaded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function documentLoaded() {
-        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfViewer.download();
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Print form fields
-
-Selecting the Print icon on the toolbar prints the PDF with the added form fields. This action does not modify the original document. See the following GIF for reference.
-
-![Print the PDF with form fields](../images/printformfield.gif)
-
-You can invoke the print action using the following code snippet:
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enablePrint="true"
-                   documentLoad="print">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function print() {
-        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfViewer.print.print();
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enablePrint="true"
-                   documentLoad="print">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function print() {
-        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
-        pdfViewer.print.print();
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Open an existing PDF document
-
-Open a PDF that already contains form fields by clicking the Open icon on the toolbar. See the following GIF for reference.
-
-![Open a PDF with existing form fields](../images/openexistingpdf.gif)
-
-## Validate form fields
-
-Form fields are validated when `enableFormFieldsValidation` is set to true and the validateFormFields event is handled. The event triggers during download or print if required fields are not filled. The non-filled fields are available in the `nonFillableFields` property of the event arguments.
-
-Add the following code to validate form fields:
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   EnableFormFieldsValidation=true
-                   ValidateFormFields="validateFormFields">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function validateFormFields(args) {
-        var nonfilledFormFields = args.nonFillableFields;
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   EnableFormFieldsValidation=true
-                   ValidateFormFields="validateFormFields">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function validateFormFields(args) {
-        var nonfilledFormFields = args.nonFillableFields;
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Export and import form fields
-
-The PDF Viewer component supports exporting and importing form field data using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods in the following formats:
-
-- FDF
-- XFDF
-- JSON
-
-### Export and import as FDF
-
-Using the `exportFormFields` method, the form field data can be exported in the specified data format. This method accepts two parameters:
-
-- The first parameter is the destination path for the exported data. If the path is not specified, a location is requested during export.
-- The second parameter specifies the format type for the form data.
-
-The following code exports and imports form field data as FDF.
-
-```html
-
-<button id="exportFdf" onclick="exportFdf()">Export FDF</button>
-<button id="importFdf" onclick="importFdf()">Import FDF</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Export FDF button click.
-    function exportFdf() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        // Data must be the desired path for the exported document.
-        viewer.exportFormFields('Data', FormFieldDataFormat.Fdf);
-    }
-
-    // Event triggers on Import FDF button click.
-    function importFdf() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        // The file for importing the form fields should be placed in the desired location, and the path should be provided correctly.
-        viewer.importFormFields('File', FormFieldDataFormat.Fdf);
-    }
-</script>
-
-```
-
-### Export and import as XFDF
-
-The following code exports and imports form field data as XFDF.
-
-```html
-
-<button id="exportXfdf" onclick="exportXfdf()">Export XFDF</button>
-<button id="importXfdf" onclick="importXfdf()">Import XFDF</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Export XFDF button click.
-    function exportXfdf() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        // Data must be the desired path for the exported document.
-        viewer.exportFormFields('Data', FormFieldDataFormat.Xfdf);
-    }
-
-    // Event triggers on Import XFDF button click.
-    function importXfdf() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        // The file for importing the form fields should be placed in the desired location, and the path should be provided correctly.
-        viewer.importFormFields('File', FormFieldDataFormat.Xfdf);
-    }
-</script>
-
-```
-
-### Export and import as JSON
-
-The following code exports and imports form field data as JSON.
-
-```html
-
-<button id="exportJson" onclick="exportJson()">Export JSON</button>
-<button id="importJson" onclick="importJson()">Import JSON</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Export JSON button click.
-    function exportJson() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        // Data must be the desired path for the exported document.
-        viewer.exportFormFields('Data', FormFieldDataFormat.Json);
-    }
-
-    // Event triggers on Import JSON button click.
-    function importJson() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        // The file for importing the form fields should be placed in the desired location, and the path should be provided correctly.
-        viewer.importFormFields('File', FormFieldDataFormat.Json);
-    }
-</script>
-
-```
-
-### Export and import as Object
-
-The PDF Viewer component supports exporting the form field data as an object and importing that data back into the current PDF document.
-
-The following example shows how to export the form field data as an object and import the form field data from that object into the current PDF document via a button click.
-
-```html
-
-<button id="exportDataAsObject" onclick="exportDataAsObject()">Export Object</button>
-<button id="importData" onclick="importData()">Import Data</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    var exportedData;
-
-    // Event triggers on Export Object button click.
-    function exportDataAsObject() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-
-        // Export the form field data to an FDF object.
-        viewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(value => {
-            exportedData = value;
-        })
-
-        //// Export the form field data to an XFDF object.
-        //viewer.exportFormFieldsAsObject(FormFieldDataFormat.Xfdf).then(value => {
-        //    exportedData = value;
-        //})
-
-        //// Export the form field data to an JSON object.
-        //viewer.exportFormFieldsAsObject(FormFieldDataFormat.Json).then(value => {
-        //    exportedData = value;
-        //})
-    }
-
-    // Event triggers on Import Data button click.
-    function importData() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-
-        // Import the form field data from the FDF object into the current PDF document.
-        viewer.importFormFields(exportedData, FormFieldDataFormat.Fdf);
-
-        //// Import the form field data from the XFDF object into the current PDF document.
-        //viewer.importFormFields (exportedData, FormFieldDataFormat.Xfdf);
-
-        //// Import the form field data from the FDF object into the current PDF document.
-        //viewer.importFormFields (exportedData, FormFieldDataFormat.Json);
-    }
-</script>
-
-```
-
-## Form field properties
-
-Form field properties allow customization and interaction with fields embedded in PDF documents. The following sections outline the supported field types and their configurable settings.
-
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
-
-### Signature and initial fields settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following code example explains how to update the signature field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'Signature',
-            isReadOnly: true,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'Signature',
-            thickness: 4
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'Signature',
-            isReadOnly: true,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'Signature',
-            thickness: 4
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a signature field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload"
-                   >
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.signatureFieldSettings = {
-            // Set the name of the form field element.
-            name: 'Signature',
-            // Specify whether the signature field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the signature field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'Signature',
-            // Set the thickness of the signature field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Specify the properties of the signature indicator in the signature field.
-            signatureIndicatorSettings: {
-                opacity: 1,
-                backgroundColor: '#daeaf7ff',
-                height: 50,
-                fontSize: 15,
-                text: 'Signature Field',
-                color: 'white'
-            }
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload"
-                   >
-    </ejs-pdfviewer>
-</div>
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.signatureFieldSettings = {
-            // Set the name of the form field element.
-            name: 'Signature',
-            // Specify whether the signature field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the signature field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'Signature',
-            // Set the thickness of the signature field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Specify the properties of the signature indicator in the signature field.
-            signatureIndicatorSettings: {
-                opacity: 1,
-                backgroundColor: '#daeaf7ff',
-                height: 50,
-                fontSize: 15,
-                text: 'Signature Field',
-                color: 'white'
-            }
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![Signature field settings in the PDF Viewer](../images/signature_field.png)
-
-The following code shows how to configure default properties for an initial field added from the Form Designer toolbar.
-
-<script type="text/javascript">
-
-window.load = function () {
-    var viewer = document.getElementById('viewer').ej2_instances[0];
-    viewer.initialFieldSettings  = {
-        // Set the name of the form field element.
-        name: 'Initial',
-        // Specify whether the initial field is in read-only or read-write mode.
-        isReadOnly: false,
-        // Set the visibility of the form field.
-        visibility: 'visible',
-        // Specify whether the field is mandatory or not.
-        isRequired: false,
-        // Specify whether to print the initial field.
-        isPrint: true,
-        // Set the text to be displayed as tooltip.
-        tooltip: 'Initial',
-        // Set the thickness of the initial field. To hide the borders, set the value to 0 (zero).
-        thickness: 4,
-        // Specify the properties of the initial indicator in the initial field.
-        initialIndicatorSettings: {
-        opacity: 1,
-        backgroundColor: '#daeaf7ff',
-        height: 50,
-        fontSize: 15,
-        text: 'Initial Field',
-        color: 'white'
-        },
-    }
-}
-
-</script>
-
-![Initial field settings in the PDF Viewer](../images/initialfield.png)
-
-### Textbox field settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following example updates Textbox field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'Textbox',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'Textbox',
-            thickness: 4,
-            value:'Textbox',
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor: '#daeaf7ff',
-            alignment: 'Left',
-            maxLength: 0,
-            isMultiline: false,
-            bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'Textbox',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'Textbox',
-            thickness: 4,
-            value:'Textbox',
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor: '#daeaf7ff',
-            alignment: 'Left',
-            maxLength: 0,
-            isMultiline: false,
-            bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a Textbox field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.textFieldSettings = {
-            // Set the name of the form field element.
-            name: 'Textbox',
-            // Specify whether the Textbox field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the Textbox field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'Textbox',
-            // Set the thickness of the Textbox field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'Textbox',
-            // Set the font family of the textbox field.
-            fontFamily: 'Courier',
-            // Set the font size of the textbox field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the font color of the textbox field.
-            color: 'black',
-            // Set the border color of the textbox field.
-            borderColor: 'black',
-            // Set the background color of the textbox field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the maximum character length.
-            maxLength: 0,
-            // Allows multiline input in the text field. FALSE, by default.
-            isMultiline: false
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.textFieldSettings = {
-            // Set the name of the form field element.
-            name: 'Textbox',
-            // Specify whether the Textbox field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the Textbox field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'Textbox',
-            // Set the thickness of the Textbox field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'Textbox',
-            // Set the font family of the textbox field.
-            fontFamily: 'Courier',
-            // Set the font size of the textbox field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the font color of the textbox field.
-            color: 'black',
-            // Set the border color of the textbox field.
-            borderColor: 'black',
-            // Set the background color of the textbox field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the maximum character length.
-            maxLength: 0,
-            // Allows multiline input in the text field. FALSE, by default.
-            isMultiline: false
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![Textbox field settings in the PDF Viewer](../images/Textbox.png)
-
-### Password field settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following example updates Password field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'Password',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'Password',
-            thickness: 4,
-            value:'Password',
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor:'#daeaf7ff',
-            alignment: 'Left',
-            maxLength: 0,
-            bounds: { X: 148, Y: 229, Width: 150, Height: 24 }
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'Password',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'Password',
-            thickness: 4,
-            value:'Password',
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor:'#daeaf7ff',
-            alignment: 'Left',
-            maxLength: 0,
-            bounds: { X: 148, Y: 229, Width: 150, Height: 24 }
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a Password field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-            viewer.passwordFieldSettings = {
-            // Set the name of the form field element.
-            name: 'Password',
-            // Specify whether the Password field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the Password field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'Password',
-            // Set the thickness of the Password field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'Password',
-            // Set the font family of the Password field.
-            fontFamily: 'Courier',
-            // Set the font size of the Password field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the font color of the Password field.
-            color: 'black',
-            // Set the border color of the Password field.
-            borderColor: 'black',
-            // Set the background color of the Password field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the maximum character length.
-            maxLength: 0,
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-            viewer.passwordFieldSettings = {
-            // Set the name of the form field element.
-            name: 'Password',
-            // Specify whether the Password field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the Password field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'Password',
-            // Set the thickness of the Password field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'Password',
-            // Set the font family of the Password field.
-            fontFamily: 'Courier',
-            // Set the font size of the Password field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the font color of the Password field.
-            color: 'black',
-            // Set the border color of the Password field.
-            borderColor: 'black',
-            // Set the background color of the Password field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the maximum character length.
-            maxLength: 0,
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![Password field settings in the PDF Viewer](../images/Password.png)
-
-### CheckBox field settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following example updates CheckBox field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'CheckBox',
-            isReadOnly: true,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'CheckBox',
-            thickness: 4,
-            isChecked: true,
-            backgroundColor: '#daeaf7ff',
-            borderColor: 'black',
-            value: 'CheckBox'
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'CheckBox',
-            isReadOnly: true,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'CheckBox',
-            thickness: 4,
-            isChecked: true,
-            backgroundColor: '#daeaf7ff',
-            borderColor: 'black',
-            value: 'CheckBox'
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a CheckBox field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.checkBoxFieldSettings = {
-            // Set the name of the form field element.
-            name: 'CheckBox',
-            // Specify whether the CheckBox field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the CheckBox field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'CheckBox',
-            // Set the thickness of the CheckBox field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Specifies whether the check box is in checked state or not.
-            isChecked: true,
-            // Set the background color of the check box in hexadecimal string format.
-            backgroundColor: '#daeaf7ff',
-            // Set the border color of the check box field.
-            borderColor: 'black'
-            // Set the value of the form field element.
-            value: 'CheckBox'
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.checkBoxFieldSettings = {
-            // Set the name of the form field element.
-            name: 'CheckBox',
-            // Specify whether the CheckBox field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the CheckBox field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'CheckBox',
-            // Set the thickness of the CheckBox field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Specifies whether the check box is in checked state or not.
-            isChecked: true,
-            // Set the background color of the check box in hexadecimal string format.
-            backgroundColor: '#daeaf7ff',
-            // Set the border color of the check box field.
-            borderColor: 'black'
-            // Set the value of the form field element.
-            value: 'CheckBox'
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![CheckBox field settings in the PDF Viewer](../images/Checkbox.png)
-
-### RadioButton field settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following example updates RadioButton field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'RadioButton',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'RadioButton',
-            thickness: 4,
-            isSelected: true,
-            backgroundColor: '#daeaf7ff',
-            borderColor: 'black',
-            value: 'RadioButton'
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-            name: 'RadioButton',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'RadioButton',
-            thickness: 4,
-            isSelected: true,
-            backgroundColor: '#daeaf7ff',
-            borderColor: 'black',
-            value: 'RadioButton'
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a RadioButton field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.radioButtonFieldSettings = {
-            // Set the name of the form field element.
-            name: 'RadioButton',
-            // Specify whether the RadioButton field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the RadioButton field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'RadioButton',
-            // Set the thickness of the RadioButton field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Specifies whether the radio button is in checked state or not.
-            isSelected: true,
-            // Set the background color of the radio button in hexadecimal string format.
-            backgroundColor: '#daeaf7ff',
-            // Set the border color of the radio button field.
-            borderColor: 'black'
-            // Set the value of the form field element.
-            value: 'RadioButton'
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        viewer.radioButtonFieldSettings = {
-            // Set the name of the form field element.
-            name: 'RadioButton',
-            // Specify whether the RadioButton field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the RadioButton field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'RadioButton',
-            // Set the thickness of the RadioButton field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Specifies whether the radio button is in checked state or not.
-            isSelected: true,
-            // Set the background color of the radio button in hexadecimal string format.
-            backgroundColor: '#daeaf7ff',
-            // Set the border color of the radio button field.
-            borderColor: 'black'
-            // Set the value of the form field element.
-            value: 'RadioButton'
-        }
-    }
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![RadioButton field settings in the PDF Viewer](../images/Radiobutton.png)
-
-### ListBox field settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following example updates ListBox field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        var customOptions = [
-            { itemName: 'item1', itemValue: 'item1' },
-            { itemName: 'item2', itemValue: 'item2' },
-            { itemName: 'item3', itemValue: 'item3' }
-        ];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'ListBox',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'ListBox',
-            thickness: 4,
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor: '#daeaf7ff',
-            alignment: 'Left',
-            options: customOptions
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        const customOptions = [
-            { itemName: 'item1', itemValue: 'item1' },
-            { itemName: 'item2', itemValue: 'item2' },
-            { itemName: 'item3', itemValue: 'item3' }
-        ];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'ListBox',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'ListBox',
-            thickness: 4,
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor: '#daeaf7ff',
-            alignment: 'Left',
-            options: customOptions
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a ListBox field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        const customOptions = [
-        { itemName: 'item1', itemValue: 'item1' },
-        { itemName: 'item2', itemValue: 'item2' },
-        { itemName: 'item3', itemValue: 'item3' }
-        ];
-        viewer.listBoxFieldSettings = {
-            // Set the name of the form field element.
-            name: 'ListBox',
-            // Specify whether the ListBox field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the ListBox field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'ListBox',
-            // Set the thickness of the ListBox field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'ListBox',
-            // Set the font family of the ListBox field.
-            fontFamily: 'Courier',
-            // Set the font size of the ListBox field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the  font color of the ListBox field.
-            color: 'black',
-            // Set the border color of the ListBox field.
-            borderColor: 'black',
-            // Set the background color of the ListBox field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the listbox items.
-            options: customOptions
-        }
-    };
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        const customOptions = [
-        { itemName: 'item1', itemValue: 'item1' },
-        { itemName: 'item2', itemValue: 'item2' },
-        { itemName: 'item3', itemValue: 'item3' }
-        ];
-        viewer.listBoxFieldSettings = {
-            // Set the name of the form field element.
-            name: 'ListBox',
-            // Specify whether the ListBox field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the ListBox field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'ListBox',
-            // Set the thickness of the ListBox field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'ListBox',
-            // Set the font family of the ListBox field.
-            fontFamily: 'Courier',
-            // Set the font size of the ListBox field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the  font color of the ListBox field.
-            color: 'black',
-            // Set the border color of the ListBox field.
-            borderColor: 'black',
-            // Set the background color of the ListBox field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the listbox items.
-            options: customOptions
-        }
-    };
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![ListBox field settings in the PDF Viewer](../images/Listbox.png)
-
-### DropDown field settings
-
-Use the `updateFormField` method to modify form fields programmatically.
-
-The following example updates DropDown field properties on a button click.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        const customOptions = [
-            { itemName: 'item1', itemValue: 'item1' },
-            { itemName: 'item2', itemValue: 'item2' },
-            { itemName: 'item3', itemValue: 'item3' }
-        ];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-           name: 'DropDown',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'DropDown',
-            thickness: 4,
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor: '#daeaf7ff',
-            alignment: 'Left',
-            options: customOptions,
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="updateProperties" onclick="updateProperties()">Update Properties</button>
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
-    </ejs-pdfviewer>
-</div>
-
-<script>
-    // Event triggers on Update Properties button click.
-    function updateProperties() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        var formField = viewer.retrieveFormFields();
-        const customOptions = [
-            { itemName: 'item1', itemValue: 'item1' },
-            { itemName: 'item2', itemValue: 'item2' },
-            { itemName: 'item3', itemValue: 'item3' }
-        ];
-        var formField = viewer.retrieveFormFields();
-        viewer.formDesignerModule.updateFormField(formField[0], {
-           name: 'DropDown',
-            isReadOnly: false,
-            visibility: 'visible',
-            isRequired: false,
-            isPrint: true,
-            tooltip: 'DropDown',
-            thickness: 4,
-            fontFamily: 'Courier',
-            fontSize: 10,
-            fontStyle: 'None',
-            color: 'black',
-            borderColor: 'black',
-            backgroundColor: '#daeaf7ff',
-            alignment: 'Left',
-            options: customOptions,
-        });
-    }
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-The following code shows how to configure default properties for a DropDown field added from the Form Designer toolbar.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        const customOptions = [
-        { itemName: 'item1', itemValue: 'item1' },
-        { itemName: 'item2', itemValue: 'item2' },
-        { itemName: 'item3', itemValue: 'item3' }
-        ];
-        viewer.DropdownFieldSettings = {
-            // Set the name of the form field element.
-            name: 'DropDown',
-            // Specify whether the DropDown field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the DropDown field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'DropDown',
-            // Set the thickness of the DropDown field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'DropDown',
-            // Set the font family of the DropDown field.
-            fontFamily: 'Courier',
-            // Set the font size of the DropDown field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the  font color of the DropDown field.
-            color: 'black',
-            // Set the border color of the DropDown field.
-            borderColor: 'black',
-            // Set the background color of the DropDown field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the DropDown items.
-            options: customOptions
-        }
-    };
-
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
-                   documentLoad="onload">
-    </ejs-pdfviewer>
-</div>
-
-<script type="text/javascript">
-
-    window.onload = function () {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-        const customOptions = [
-        { itemName: 'item1', itemValue: 'item1' },
-        { itemName: 'item2', itemValue: 'item2' },
-        { itemName: 'item3', itemValue: 'item3' }
-        ];
-        viewer.DropdownFieldSettings = {
-            // Set the name of the form field element.
-            name: 'DropDown',
-            // Specify whether the DropDown field is in read-only or read-write mode.
-            isReadOnly: false,
-            // Set the visibility of the form field.
-            visibility: 'visible',
-            // Specify whether the field is mandatory or not.
-            isRequired: false,
-            // Specify whether to print the DropDown field.
-            isPrint: true,
-            // Set the text to be displayed as a tooltip.
-            tooltip: 'DropDown',
-            // Set the thickness of the DropDown field. To hide the borders, set the value to 0 (zero).
-            thickness: 4,
-            // Set the value of the form field element.
-            value:'DropDown',
-            // Set the font family of the DropDown field.
-            fontFamily: 'Courier',
-            // Set the font size of the DropDown field.
-            fontSize: 10,
-            // Specify the font style
-            fontStyle: 'None',
-            // Set the  font color of the DropDown field.
-            color: 'black',
-            // Set the border color of the DropDown field.
-            borderColor: 'black',
-            // Set the background color of the DropDown field.
-            backgroundColor: '#daeaf7ff',
-            // Set the alignment of the text.
-            alignment: 'Left',
-            // Set the DropDown items.
-            options: customOptions
-        }
-    };
-
-</script>
-
-{% endhighlight %}
-{% endtabs %}
-
-![DropDown field settings in the PDF Viewer](../images/Dropdown.png)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-with-user-interface-interaction.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-with-user-interface-interaction.md
deleted file mode 100644
index b497244e5..000000000
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/create-with-user-interface-interaction.md
+++ /dev/null
@@ -1,138 +0,0 @@
----
-layout: post
-title: Design form fields in the ASP.NET Core PDF Viewer | Syncfusion
-description: Learn how to add, drag, resize, edit, and manage form fields using the UI in the Syncfusion ASP.NET Core PDF Viewer component.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
----
-
-# Design form fields with UI interaction in ASP.NET Core PDF Viewer
-
-The PDF Viewer component supports interactive form field design, including drawing, dragging, and resizing fields directly on the page. Click the Form Field icon on the toolbar to add a field and place it on the document. Supported form field types include:
-
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
-
-## Enable or Disable form designer toolbar
-
-Inject the FormDesigner module and set enableFormDesignerToolbar to true to display the Form Designer icon on the toolbar. The default value is true. Use the following code to enable the toolbar option.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enableFormDesignerToolbar="true">
-    </ejs-pdfviewer>
-</div>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enableFormDesignerToolbar="true">
-    </ejs-pdfviewer>
-</div>
-
-{% endhighlight %}
-{% endtabs %}
-
-## Add the form field dynamically
-
-Click the Form Field icon on the toolbar, then click on the PDF to draw a form field. See the following GIF for reference.
-
-![Add a form field using the toolbar](../images/addformfield.gif)
-
-## Drag the form field
-
-Drag the selected form field to reposition it within the PDF document. See the following GIF for reference.
-
-![Drag a selected form field in the PDF Viewer](../images/dragformfield.gif)
-
-## Resize the form field
-
-Resize the selected form field using the resize handles on the field boundary. See the following GIF for reference.
-
-![Resize a selected form field in the PDF Viewer](../images/resizeformfield.gif)
-
-## Edit or Update the form field dynamically
-
-Edit form field properties using the Form Field Properties dialog. Open it by right-clicking a form field and selecting Properties from the context menu. The following images show examples of available settings.
-
-![Form field general properties dialog](../images/generalproperties.png)
-
-![Form field appearance properties dialog](../images/appearanceproperties.png)
-
-![DropDown field properties dialog](../images/dropdownproperties.png)
-
-## Clipboard operation with form field
-
-The PDF Viewer supports clipboard operations such as cut, copy, and paste for form fields. Right-click a form field to open the context menu and choose the desired clipboard action. The following image shows the available options.
-
-![Clipboard options for a form field in the context menu](../images/clipboardformfield.png)
-
-## Undo and Redo
-
-Undo and redo actions are supported for runtime changes made to form fields. Use the following code to perform undo and redo operations.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-<button id="undo">Undo</button>
-<button id="redo">Redo</button>
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enableFormDesignerToolbar="true">
-    </ejs-pdfviewer>
-</div>
-<script>
-    document.getElementById('undo').addEventListener('click', function () {
-        var pdfviewer = document.getElementById("pdfviewer").ej2_instances[0];
-        pdfviewer.undo();
-    });
-    document.getElementById('redo').addEventListener('click', function () {
-        var pdfviewer = document.getElementById("pdfviewer").ej2_instances[0];
-        pdfviewer.redo();
-    });
-</script>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<button id="undo">Undo</button>
-<button id="redo">Redo</button>
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   enableFormDesignerToolbar="true">
-    </ejs-pdfviewer>
-</div>
-<script>
-    document.getElementById('undo').addEventListener('click', function () {
-        var pdfviewer = document.getElementById("pdfviewer").ej2_instances[0];
-        pdfviewer.undo();
-    });
-    document.getElementById('redo').addEventListener('click', function () {
-        var pdfviewer = document.getElementById("pdfviewer").ej2_instances[0];
-        pdfviewer.redo();
-    });
-</script>
-
-{% endhighlight %}
-{% endtabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/form-field-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/form-field-events.md
deleted file mode 100644
index c7474d864..000000000
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-designer/form-field-events.md
+++ /dev/null
@@ -1,607 +0,0 @@
----
-layout: post
-title: Form field events in ASP.NET Core PDF Viewer | Syncfusion
-description: Learn about form field events supported in the Syncfusion ASP.NET Core PDF Viewer component and how to handle them.
-platform: document-processing
-control: Form Field Events
-documentation: ug
----
-
-# PDF Viewer Form Field events in ASP.NET CORE
-
-The PDF Viewer component provides support for various form field events. The following events are available:
-
-| Form field events | Description |
-|---|---|
-| formFieldAdd | Triggered when a form field is added. |
-| formFieldClick | Triggered when a form field is clicked. |
-| formFieldDoubleClick | Triggered when a form field is double-clicked. |
-| formFieldFocusOut | Triggered when focus moves out of a form field. |
-| formFieldMouseLeave | Triggered when the mouse cursor leaves a form field. |
-| formFieldMouseOver | Triggered when the mouse cursor is over a form field. |
-| formFieldMove | Triggered when a form field is moved. |
-| formFieldPropertiesChange | Triggered when a form field property changes. |
-| formFieldRemove | Triggered when a form field is removed. |
-| formFieldResize | Triggered when a form field is resized. |
-| formFieldSelect | Triggered when a form field is selected. |
-| formFieldUnselect | Triggered when a form field is unselected. |
-| validateFormFields | Triggered when validation fails. |
-
-## formFieldAdd event
-
-The [formFieldAdd](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldAdd) event is triggered when a new form field is added, either programmatically or through user interaction. The event arguments provide details about the added form field.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldAdd="formFieldAdded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldAdded(args) {
-        console.log('form field page number: ' + args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldAdd="formFieldAdded">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldAdded(args) {
-        console.log('form field page number: ' + args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldClick event
-
-The [formFieldClick](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldClick) event is triggered when a form field is clicked. The event arguments provide details about the clicked form field.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldClick="formFieldClicked">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldClicked(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldClick="formFieldClicked">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldClicked(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldDoubleClick event
-
-The [formFieldDoubleClick](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldDoubleClick) event is triggered when a form field is double-clicked. The event arguments provide the necessary information about the form field double-click event.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldDoubleClick="formFieldDoubleClicked">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldDoubleClicked(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldDoubleClick="formFieldDoubleClicked">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldDoubleClicked(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldFocusOut event
-
-The [formFieldFocusOut](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldFocusOut) event is triggered when a form field loses focus. The event arguments provide the necessary information about the form field focus out event.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldFocusOut="FormFieldFocusOuted">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function FormFieldFocusOuted(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldFocusOut="FormFieldFocusOuted">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function FormFieldFocusOuted(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldMouseLeave event
-
-The [formFieldMouseLeave](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMouseLeave) event is triggered when the mouse leaves a form field. The event arguments provide the necessary information about the form field mouse leave event.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldMouseLeaved="FormFieldMouseLeaved">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function FormFieldMouseLeaved(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldMouseLeave="FormFieldFocusOuted">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function FormFieldMouseLeaved(args) {
-        console.log('Is form field cancel: ' + args.cancel);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldMouseOver event
-
-The [formFieldMouseOver](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMouseover) event is triggered when the mouse hovers over a form field. The event arguments provide the necessary information about the form field mouse over event.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldMouseover="formFieldMouseovered">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldMouseovered(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log(' mouse over x position '+ args.X + ' mouse over y position '+ args.Y );
-        console.log(' mouse over X position respect to the page '+ args.pageX + ' mouse over Y position respect to the page '+ args.pageY);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldMouseover="formFieldMouseovered">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldMouseovered(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log(' mouse over x position '+ args.X + ' mouse over y position '+ args.Y );
-        console.log(' mouse over X position respect to the page '+ args.pageX + ' mouse over Y position respect to the page '+ args.pageY);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldMove event
-
-The [formFieldMove](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMove) event is triggered when the mouse moves inside a form field. The event arguments provide the necessary information about the form field mouse move event.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldMove="formFieldMoved">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldMoved(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log('mouse current position '+ args.currentPosition);
-        console.log('mouse current position '+ args.previousPosition);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldMove="formFieldMoved">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldMove(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log('mouse current position '+ args.currentPosition);
-        console.log('mouse current position '+ args.previousPosition);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldPropertiesChange event
-
-The [formFieldPropertiesChange](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldPropertiesChange)  event is triggered when the properties of a form field are changed. The event arguments provide the necessary information about which property of the form field has been changed.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldPropertiesChange="formFieldPropertiesChanged">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldPropertiesChanged(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log('Whether form field alignment changed '+ args.isAlignmentChanged);
-        console.log('Whether form field backgropund color changed '+ args.isBackgroundColorChanged);
-        console.log('Whether form field border color changed '+ args.isBorderColorChanged);
-        console.log('Whether form field border width changed '+ args.isBorderWidthChanged);
-        console.log('Whether form field color changed changed '+ args.isColorChanged);
-        console.log('Whether form field custom data changed '+ args.isCustomDataChanged);
-        console.log('Whether form field font family changed '+ args.isFontFamilyChanged);
-        console.log('Whether form field font size changed '+ args.isFontSizeChanged);
-        console.log('Whether form field font style changed '+ args.isFontStyleChanged);
-        console.log('Whether form field maximum length changed '+ args.isMaxLengthChanged);
-        console.log('Whether form field name changed '+ args.isNameChanged);
-        console.log('Whether form field readonly changed '+ args.isReadOnlyChanged);
-        console.log('Whether form field required changed '+ args.isRequiredChanged);
-        console.log('Whether form field print changed '+ args.isPrintChanged);
-        console.log('Whether form field tool tip changed '+ args.isToolTipChanged);
-        console.log('Whether form field visiblity changed '+ args.isVisibilityChanged);
-        console.log('Whether form field value changed '+ args.isValueChanged);
-        console.log('Whether form field new value changed '+ args.newValue);
-        console.log('Whether form field old valuue changed '+ args.oldValue);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldRemove="formFieldRemoved">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldRemoved(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldRemove event
-
-The [formFieldRemove](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldRemove) event is triggered when a form field is removed from the PDF. The event arguments provide the necessary information about which form field has been removed.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldRemove="formFieldRemoved">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldRemoved(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldRemove="formFieldRemoved">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldRemoved(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldResize event
-
-The [formFieldResize](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldResize) events are triggered when a form field in a PDF is resized. These events provide the relevant details about the specific form field that has been resized.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldResize="formFieldResized">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldResized(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log('form field current position: ', args.currentPosition);
-        console.log('form field previous position: ', args.previousPosition);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldResize="formFieldResized">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldResized(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-        console.log('form field current position: ', args.currentPosition);
-        console.log('form field previous position: ', args.previousPosition);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldSelect event
-
-The [formFieldSelect](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldSelect) events are triggered when a form field in a PDF is selected. These events provide the necessary details about the specific form field that has been selected.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldSelect="formFieldSelected">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldSelected(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldSelect="formFieldSelected">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldSelected(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldUnselect event
-
-The [formFieldUnselect](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldUnselect) events are triggered when a form field in a PDF is unselected. These events provide the necessary details about the specific form field that has been unselected.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldUnselect="formFieldUnselected">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldUnselected(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   formFieldUnselect="formFieldUnselected">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function formFieldUnselected(args) {
-        console.log('form field page number: ', args.pageIndex);
-        console.log('form field event name: ' + args.name);
-        console.log('form field data: ', args.field);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
-
-## validateFormFields event
-
-The [ValidateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields) events are triggered when a required form field is left unfilled before downloading the PDF. These events provide the necessary information for validating which form fields are incomplete.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   validateFormFields="validateFormField">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function validateFormField(args) {
-        console.log('form field event name: ' + args.name);
-        console.log('form field document name: ' + args.documentName);
-        console.log('form field data: ', args.formField);
-        console.log('non fillable form field details: ', args.nonFillableFields);
-    }
-</script>
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   serviceUrl="/api/PdfViewer"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-designer.pdf"
-                   validateFormFields="validateFormField">
-    </ejs-pdfviewer>
-</div>
-<script>
-    function validateFormField(args) {
-        console.log('form field event name: ' + args.name);
-        console.log('form field document name: ' + args.documentName);
-        console.log('form field data: ', args.formField);
-        console.log('non fillable form field details: ', args.nonFillableFields);
-    }
-</script>
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md
index 403e62167..fb34c62fd 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Form Designer and Toolbar Customization in ASP.NET Core | Syncfusion
-description: Learn here all about form designer and toolbar in Syncfusion ASP.NET Core PDF Viewer and more.
+description: Learn here all about form designer and toolbar in Syncfusion ASP.NET Core PDF Viewer Component and more.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md
index 7586f5e9d..d22ae248e 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md
@@ -16,11 +16,9 @@ This feature helps enforce data completeness and improves the reliability of col
 
 Form field validation follows this flow:
 - Enable validation using the [enableFormFieldsValidation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormFieldsValidation) property.
-- Handle the [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields
-) event to determine which required fields are not filled.
+- Handle the [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields) event to determine which required fields are not filled.
 - When validation is enabled and a user attempts to print, download, or submit the document:
-  - The [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields
-  ) event is triggered.
+  - The [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields) event is triggered.
   - Unfilled required fields are listed in args.nonFillableFields.
   - You can cancel the action, show an error message, or move focus to an invalid field.
 
@@ -94,8 +92,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
 ## Handle PDF Form Validation Results
 
-In the [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields
-) event, you can control the behavior when fields are missing. Typical actions include:
+In the [validateFormFields](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields) event, you can control the behavior when fields are missing. Typical actions include:
 - Cancel the print or download operation
 - Display an error message to the user
 - Set focus to the first unfilled required field
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md
index 2ad3fbb73..761ae172c 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Group form fields in the ASP.NET Core PDF Viewer component | Syncfusion
+title: Group form fields in the Core PDF Viewer component | Syncfusion
 description: Learn how to group PDF form fields in the Syncfusion ASP.NET Core PDF Viewer by assigning the same name to multiple widgets.
 platform: document-processing
 control: PDF Viewer
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md
index 87826e813..b4e67123b 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/create-form-fields.md
@@ -66,7 +66,7 @@ Each field can be added via the **Form Designer** or **programmatically**.
 
 **Add via Toolbar (UI)**
 - Open **Form Designer** → select **Textbox** → click on the page → configure in **Properties**.
-![Textbox properties panel](../../javascript-es6/images/ui-textbox-edit.png)
+![Textbox properties panel](../../../javascript-es6/images/ui-textbox-edit.png)
 
 **Add Programmatically (API)**
 
@@ -100,7 +100,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
 **Add via Toolbar (UI)**
 - Select **Password** → place it → configure tooltip, required, max length.
-![Password Properties Panel](../../javascript-es6/images/ui-password-edit.png)
+![Password Properties Panel](../../../javascript-es6/images/ui-password-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
@@ -132,7 +132,7 @@ document.addEventListener('DOMContentLoaded', function () {
 ### CheckBox
 **Add via Toolbar (UI)**
 - Select **CheckBox** → click to place → duplicate for options → set isChecked, tooltip, appearance.
-![CheckBox Properties Panel](../../javascript-es6/images/ui-checkbox-edit.png)
+![CheckBox Properties Panel](../../../javascript-es6/images/ui-checkbox-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
@@ -163,7 +163,7 @@ document.addEventListener('DOMContentLoaded', function () {
 ### RadioButton
 **Add via Toolbar (UI)**
 - Select **RadioButton** → place buttons with the **same Name** to group → configure selection/colors.
-![Radio Button Properties Panel](../../javascript-es6/images/ui-radiobutton-edit.png)
+![Radio Button Properties Panel](../../../javascript-es6/images/ui-radiobutton-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
@@ -199,7 +199,7 @@ document.addEventListener('DOMContentLoaded', function () {
 ### ListBox
 **Add via Toolbar (UI)**
 - Select **ListBox** → place → add items in **Properties**.
-![ListBox Properties Panel](../../javascript-es6/images/ui-listbox-edit.png)
+![ListBox Properties Panel](../../../javascript-es6/images/ui-listbox-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
@@ -234,7 +234,7 @@ document.addEventListener('DOMContentLoaded', function () {
 ### DropDown
 **Add via Toolbar (UI)**
 - Select **DropDown** → place → add items → set default value.
-![DropDown Properties Panel](../../javascript-es6/images/ui-dropdown-edit.png)
+![DropDown Properties Panel](../../../javascript-es6/images/ui-dropdown-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
@@ -268,7 +268,7 @@ document.addEventListener('DOMContentLoaded', function () {
 ### Signature Field
 **Add via Toolbar (UI)**
 - Select **Signature Field** → place where signing is required → configure indicator text, thickness, tooltip, required.
-![Signature Field](../../javascript-es6/images/ui-signature-edit.png)
+![Signature Field](../../../javascript-es6/images/ui-signature-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
@@ -298,7 +298,7 @@ document.addEventListener('DOMContentLoaded', function () {
 ### Initial Field
 **Add via Toolbar (UI)**
 - Select **Initial Field** → place where initials are needed → configure text and required state.
-![Initial field Properties Panel](../../javascript-es6/images/ui-initial-edit.png)
+![Initial field Properties Panel](../../../javascript-es6/images/ui-initial-edit.png)
 
 **Add Programmatically (API)**
 {% tabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md
index 7e76dcce5..432a9a12f 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md
@@ -16,7 +16,7 @@ Use the **Properties** panel to adjust:
 - Font family/size, text color, alignment
 - Border color/thickness
 - Background color
-![Textbox style from UI](../../javascript-es6/images/ui-textbox-style.png)
+![Textbox style from UI](../../../javascript-es6/images/ui-textbox-style.png)
 
 ## Customize appearance Form Fields Programmatically
 Use [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to apply styles.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md
index 5b7bf50b1..71e59298a 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md
@@ -12,7 +12,7 @@ You can modify form fields using the **UI** or **API**.
 
 ## Modify PDF Form Field Properties using the UI
 - Right click a field → **Properties** to update settings.
-![Textbox properties panel](../../javascript-es6/images/ui-textbox-edit.png)
+![Textbox properties panel](../../../javascript-es6/images/ui-textbox-edit.png)
 - Drag to move; use handles to resize.
 - Use the toolbar to toggle field mode or add new fields.
 
@@ -315,7 +315,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
 ### Initial Field
 •	UI: Tooltip, indicator text, thickness, required/visibility.
-![Initial field edited from UI](../../javascript-es6/images/ui-initial-edit.png)
+![Initial field edited from UI](../../../javascript-es6/images/ui-initial-edit.png)
 •	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md
index dd6b78454..2e0906e5b 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/move-resize-form-fields.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Move and Resize form fields in the ASP.NET Core PDF Viewer | Syncfusion
+title: Move and Resize form fields in the Core PDF Viewer | Syncfusion
 description: Learn how to move and resize PDF form fields using the UI and programmatically with APIs in the Syncfusion ASP.NET Core PDF Viewer.
 platform: document-processing
 control: PDF Viewer
@@ -11,7 +11,7 @@ documentation: ug
 - **Move**: Drag the form field to reposition it.
 - **Resize**: Use the resize handles to change width and height.
 
-![Moveing and Resizing a form field](../../javascript-es6/images/move-resize-forms.gif)
+![Moveing and Resizing a form field](../../../javascript-es6/images/move-resize-forms.gif)
 
 ## Move and Resize Fields Programmatically (API)
 You can set absolute bounds or move fields by a delta.
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md
index 9a3b7f3eb..24aeb5022 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/remove-form-fields.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Remove form fields in the ASP.NET Core PDF Viewer component | Syncfusion
+title: Remove form fields in the Core PDF Viewer component | Syncfusion
 description: Learn how to remove PDF form fields using the UI and programmatically in the Syncfusion ASP.NET Core PDF Viewer component.
 platform: document-processing
 control: PDF Viewer
@@ -14,7 +14,7 @@ documentation: ug
 1.	Enable **Form Designer mode**.
 2.	Select the form field.
 3.	Click **Delete** in the toolbar or press the **Delete** key.
-![Form Designer toolbar with Delete icon](../../javascript-es6/images/ui-del-formfields.png)
+![Form Designer toolbar with Delete icon](../../../javascript-es6/images/ui-del-formfields.png)
 
 ## Remove Form Fields Programmatically
 Use **deleteFormField()** with a field reference or ID.

From 72dc046722a22bbd20dbdc1e37f66a58d72d9ed9 Mon Sep 17 00:00:00 2001
From: SF4524LogeshKumar <logeshkumar.dhamodharan@syncfusion.com>
Date: Fri, 6 Feb 2026 13:46:58 +0530
Subject: [PATCH 08/12] 1008615: Resolved CI failure II

---
 .../PDF-Viewer/asp-net-core/form-filling.md   | 93 -------------------
 1 file changed, 93 deletions(-)
 delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/form-filling.md

diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-filling.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-filling.md
deleted file mode 100644
index 866c86ed6..000000000
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/form-filling.md
+++ /dev/null
@@ -1,93 +0,0 @@
----
-layout: post
-title: Form filling in ASP.NET Core PDF Viewer control | Syncfusion
-description:  Learn how to view, fill, export, and import PDF form fields with ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more details.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
----
-
-# Form filling in ASP.NET Core PDF Viewer Component
-
-The PDF Viewer component displays existing form fields in a PDF document and enables filling and downloading filled data.
-
-The form fields displayed in the PDF Viewer are:
-
-* Textbox
-* Password
-* CheckBox
-* RadioButton
-* ListBox
-* DropDown
-* SignatureField
-* InitialField
-
-![Form filling in ASP.NET Core](./images/form-filling.png)
-
-## Disabling form fields
-
-The PDF Viewer control provides an option to disable interaction with form fields. Use the following configuration to disable form fields in the viewer.
-
-{% tabs %}
-{% highlight cshtml tabtitle="Standalone" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf"
-                   resourceUrl="https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib"
-                   enableFormFields="false">
-    </ejs-pdfviewer>
-</div>
-
-{% endhighlight %}
-{% highlight cshtml tabtitle="Server-Backed" %}
-
-<div style="width:100%;height:600px">
-    <ejs-pdfviewer id="pdfviewer"
-                   style="height:600px"
-                   documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf"
-                   serviceUrl="/api/PdfViewer"
-                   enableFormFields="false">
-    </ejs-pdfviewer>
-</div>
-
-{% endhighlight %}
-{% endtabs %}
-
-## How to draw handwritten signature in the signature field
-
-Add a handwritten signature to a Signature field by following these steps:
-
-* Click the signature field in the PDF document to open the signature panel.
-
-![Signature field in ASP.NET Core PdfViewer](./images/form-filling-signature.png)
-
-* Draw the signature in the signature panel.
-
-![Displaying signature panel in ASP.NET Core PdfViewer](./images/form-filling-signature-dialog.png)
-
-* Click the **CREATE** button. The drawn signature is added to the signature field.
-
-![Displaying signature in ASP.NET Core PdfViewer](./images/form-filling-signature-signed.png)
-
-## Delete the signature inside the signature field
-
-Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
-
-![Deleting signature in ASP.NET Core PdfViewer](./images/form-filling-signature-del.png)
-
-## Export and import form fields
-
-The PDF Viewer control provides the support to export and import the form field data in the following formats using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods.
-
-* FDF
-* XFDF
-* JSON
-
-For detailed information about exporting and importing form fields, please refer to the [Form Fields documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/create-programmatically#export-and-import-form-fields).
-
-## See also
-
-* [Handwritten Signature in ASP.NET Core PDF Viewer Component](./annotation/signature-annotation)
-* [Form Designer](./form-designer/form-field-events)
\ No newline at end of file

From fe0400d94d8ce8da4397ea105791776475ae0bf1 Mon Sep 17 00:00:00 2001
From: mohammedaffanc <mohammedaffan.s@syncfusion.com>
Date: Fri, 6 Feb 2026 16:19:39 +0530
Subject: [PATCH 09/12] 1008483: Update the CDN links in getting started

---
 .../javascript-es5/getting-started.md         | 120 +++++++++---------
 1 file changed, 60 insertions(+), 60 deletions(-)

diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/getting-started.md b/Document-Processing/Word/Word-Processor/javascript-es5/getting-started.md
index 2322783e1..b78bd554e 100644
--- a/Document-Processing/Word/Word-Processor/javascript-es5/getting-started.md
+++ b/Document-Processing/Word/Word-Processor/javascript-es5/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting started with JavaScript (ES5) Document editor control | Syncfusion
+title: Getting started with JavaScript (ES5) Document editor | Syncfusion
 description:  Checkout and learn about Getting started with JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more details.
 platform: document-processing
 control: Getting started 
@@ -32,9 +32,9 @@ The Essential<sup style="font-size:70%">&reg;</sup> JS 2 JavaScript components c
 
 **Example:**
 
-> Script: `C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/23.1.36/Web (Essential JS 2)/JavaScript/ej2-documenteditor/dist/global/ej2-documenteditor.min.js`
+> Script: `C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/32.1.19/Web (Essential JS 2)/JavaScript/ej2-documenteditor/dist/global/ej2-documenteditor.min.js`
 >
-> Styles: `C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/23.1.36/Web (Essential JS 2)/JavaScript/ej2-documenteditor/styles/material.css`
+> Styles: `C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/32.1.19/Web (Essential JS 2)/JavaScript/ej2-documenteditor/styles/material.css`
 
 **Step 3:** Create a folder `app/resources` and copy/paste the global scripts and styles from the above installed location to `app/resources` location.
 
@@ -214,14 +214,14 @@ Now, run the `index.html` in web browser, it will render the **Essential<sup sty
 **Step 2:** The Essential<sup style="font-size:70%">&reg;</sup> JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
 
 **Syntax:**
-> Script: `https://cdn.syncfusion.com/ej2/23.1.36/{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js`
+> Script: `https://cdn.syncfusion.com/ej2/32.1.19/{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js`
 >
-> Styles: `https://cdn.syncfusion.com/ej2/23.1.36/{PACKAGE_NAME}/styles/material.css`
+> Styles: `https://cdn.syncfusion.com/ej2/32.1.19/{PACKAGE_NAME}/styles/material.css`
 
 **Example:**
-> Script: [`https://cdn.syncfusion.com/ej2/23.1.36/ej2-documenteditor/dist/global/ej2-documenteditor.min.js`](https://cdn.syncfusion.com/ej2/23.1.36/ej2-documenteditor/dist/global/ej2-documenteditor.min.js)
+> Script: [`https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/dist/global/ej2-documenteditor.min.js`](https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/dist/global/ej2-documenteditor.min.js)
 >
-> Styles: [`https://cdn.syncfusion.com/ej2/23.1.36/ej2-documenteditor/styles/material.css`](https://cdn.syncfusion.com/ej2/23.1.36/ej2-documenteditor/styles/material.css)
+> Styles: [`https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/styles/material.css`](https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/styles/material.css)
 
 **Step 3:** Create a HTML page (index.html) in `app` location and add the CDN link references. Now, add the `Div` element and initiate the **Essential<sup style="font-size:70%">&reg;</sup> JS 2 DocumentEditor** component in the index.html by using following code.
 
@@ -231,37 +231,37 @@ Now, run the `index.html` in web browser, it will render the **Essential<sup sty
   <head>
   <title>Essential JS 2</title>
   <!-- EJ2 Document Editor dependent theme -->
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-base/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-buttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-inputs/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-popups/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-lists/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-navigations/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-splitbuttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-dropdowns/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-base/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-buttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-inputs/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-popups/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-lists/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-navigations/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-splitbuttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-dropdowns/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
 
   <!-- EJ2 Document Editor theme -->
-  <link href="https://cdn.syncfusion.com/ej2/21.2.3/ej2-documenteditor/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
 
   <!-- EJ2 Document Editor dependent scripts -->
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-base/dist/global/ej2-base.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-data/dist/global/ej2-data.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-svg-base/dist/global/ej2-svg-base.min.js"type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-file-utils/dist/global/ej2-file-utils.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-compression/dist/global/ej2-compression.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-buttons/dist/global/ej2-buttons.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-popups/dist/global/ej2-popups.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-inputs/dist/global/ej2-inputs.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-lists/dist/global/ej2-lists.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-navigations/dist/global/ej2-navigations.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-calendars/dist/global/ej2-calendars.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-charts/dist/global/ej2-charts.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-office-chart/dist/global/ej2-office-chart.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-base/dist/global/ej2-base.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-data/dist/global/ej2-data.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-svg-base/dist/global/ej2-svg-base.min.js"type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-file-utils/dist/global/ej2-file-utils.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-compression/dist/global/ej2-compression.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-buttons/dist/global/ej2-buttons.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-popups/dist/global/ej2-popups.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-inputs/dist/global/ej2-inputs.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-lists/dist/global/ej2-lists.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-navigations/dist/global/ej2-navigations.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-calendars/dist/global/ej2-calendars.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-charts/dist/global/ej2-charts.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-office-chart/dist/global/ej2-office-chart.min.js" type="text/javascript"></script>
   <!-- EJ2 Document Editor script -->
-  <script src="https://cdn.syncfusion.com/ej2/21.2.3/ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type="text/javascript"></script>
   </head>
   <body>
   <!--element which is going to render-->
@@ -298,37 +298,37 @@ Now, run the `index.html` in web browser, it will render the **Essential<sup sty
 <head>
   <title>Essential JS 2</title>
   <!-- EJ2 Document Editor dependent theme -->
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-base/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-buttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-inputs/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-popups/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-lists/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-navigations/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-splitbuttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-dropdowns/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-base/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-buttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-inputs/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-popups/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-lists/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-navigations/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-splitbuttons/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-dropdowns/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
 
   <!-- EJ2 Document Editor theme -->
-  <link href="https://cdn.syncfusion.com/ej2/23.1.36/ej2-documenteditor/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
+  <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/styles/material.css" rel="stylesheet" type="text/css" rel='nofollow' />
 
   <!-- EJ2 Document Editor dependent scripts -->
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-base/dist/global/ej2-base.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-data/dist/global/ej2-data.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-svg-base/dist/global/ej2-svg-base.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-file-utils/dist/global/ej2-file-utils.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-compression/dist/global/ej2-compression.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-buttons/dist/global/ej2-buttons.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-popups/dist/global/ej2-popups.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-inputs/dist/global/ej2-inputs.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-lists/dist/global/ej2-lists.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-navigations/dist/global/ej2-navigations.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-calendars/dist/global/ej2-calendars.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-charts/dist/global/ej2-charts.min.js" type="text/javascript"></script>
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-office-chart/dist/global/ej2-office-chart.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-base/dist/global/ej2-base.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-data/dist/global/ej2-data.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-svg-base/dist/global/ej2-svg-base.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-file-utils/dist/global/ej2-file-utils.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-compression/dist/global/ej2-compression.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-buttons/dist/global/ej2-buttons.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-popups/dist/global/ej2-popups.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-inputs/dist/global/ej2-inputs.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-lists/dist/global/ej2-lists.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-navigations/dist/global/ej2-navigations.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-calendars/dist/global/ej2-calendars.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-charts/dist/global/ej2-charts.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-office-chart/dist/global/ej2-office-chart.min.js" type="text/javascript"></script>
   <!-- EJ2 Document Editor script -->
-  <script src="https://cdn.syncfusion.com/ej2/23.1.36/ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/32.1.19/ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type="text/javascript"></script>
 </head>
 
 <body>
@@ -367,7 +367,7 @@ The Document Editor component requires server-side interactions for the followin
 
 >Note: If you don't require the above functionalities then you can deploy as pure client-side component without any server-side interactions.
 
-Please refer the [example from GitHub](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) to configure the web service and set the [serviceUrl](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container#serviceurl/).
+Please refer the [example from GitHub](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) to configure the web service and set the [serviceUrl](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container#serviceurl).
 
 Syncfusion<sup style="font-size:70%">&reg;</sup> provides a predefined [Word Processor server docker image](https://hub.docker.com/r/syncfusion/word-processor-server) targeting ASP.NET Core 2.1 framework. You can directly pull this docker image and deploy it in server on the go. You can also create own docker image by customizing the existing [docker project from GitHub](https://github.com/SyncfusionExamples/Word-Processor-Server-Docker).
 

From 9ce02e07afb84970189a8460df2a804511c8e22e Mon Sep 17 00:00:00 2001
From: Tamilselvan Durairaj <tamilselvan.durairaj@syncfusion.com>
Date: Fri, 6 Feb 2026 18:04:55 +0530
Subject: [PATCH 10/12] 1008834: Changes for the getting started documentation
 for PDF Viewer sdk

---
 .../getting-started-with-server-backed.md     | 10 +++++++--
 .../asp-net-core/getting-started.md           | 10 +++++++--
 .../blazor/getting-started/web-app.md         |  7 ++++---
 .../web-assembly-application.md               |  6 ++++--
 .../blazor/getting-started/web-app.md         | 21 +++++++++++++++----
 5 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started-with-server-backed.md
index f7c8bbd8d..c4b97cab0 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started-with-server-backed.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started-with-server-backed.md
@@ -31,9 +31,15 @@ For production apps, ensure that a valid Syncfusion license key is registered in
 
 ## ASP.NET Core PDF Viewer NuGet package installation
 
-To add the ASP.NET Core PDF Viewer control, the following NuGet package needs to be installed in the ASP.NET Core application:
+To add `ASP.NET Core` controls in the application, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search for [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) and then install it. Alternatively, you can utilize the following package manager command to achieve the same.
 
-* Use [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/)
+{% tabs %}
+{% highlight C# tabtitle="Package Manager" %}
+
+Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
 
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started.md
index f4b64ee78..eaa080e20 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/getting-started.md
@@ -29,9 +29,15 @@ This guide explains how to integrate the ASP.NET Core PDF Viewer control into an
 
 ## ASP.NET Core PDF Viewer NuGet package installation
 
-To add the ASP.NET Core PDF Viewer control, install the following NuGet package in the ASP.NET Core application:
+To add `ASP.NET Core` controls in the application, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search for [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) and then install it. Alternatively, you can utilize the following package manager command to achieve the same.
 
-* [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/)
+{% tabs %}
+{% highlight C# tabtitle="Package Manager" %}
+
+Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
 
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md
index 444b3f392..0cef072bc 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md
@@ -116,8 +116,8 @@ N> Syncfusion&reg; uses [SkiaSharp.Views.Blazor](https://www.nuget.org/packages/
 {% tabs %}
 {% highlight razor tabtitle="~/_Imports.razor" %}
 
-@using Syncfusion.Blazor;
-@using Syncfusion.Blazor.SfPdfViewer;
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.SfPdfViewer
 
 {% endhighlight %}
 {% endtabs %}
@@ -281,6 +281,7 @@ N> If the interactivity location is set to Global and the render mode is set to
 {% endtabs %}
 
 N> If the interactivity location is set to Global, a render mode does not need to be specified per page. The interactivity mode applies to the entire app.
+<br />Enable interactivity only via client-side rendering (CSR) by using the WebAssembly or Auto option
 
 Add the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer component in the **~/Pages/Index.razor** file.
 
@@ -304,7 +305,7 @@ Run the application to display the PDF file in the Syncfusion&reg; Blazor PDF Vi
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/hZVzNWqXLSZpnuzc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Web App SfPdfViewer rendering in browser](gettingstarted-images/blazor-pdfviewer.png)" %}
 
-N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WebApp).
+N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WebAppServerMode).
 
 ## See also
 
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md
index 861783645..89cac168b 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md
@@ -104,8 +104,8 @@ N> Syncfusion&reg; Blazor components are available on [nuget.org](https://www.nu
 {% tabs %}
 {% highlight razor tabtitle="~/_Imports.razor" %}
 
-@using Syncfusion.Blazor;
-@using Syncfusion.Blazor.SfPdfViewer;
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.SfPdfViewer
 
 {% endhighlight %}
 {% endtabs %}
@@ -177,6 +177,8 @@ Run the application to display the PDF file in the Syncfusion&reg; Blazor PDF Vi
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/hZVzNWqXLSZpnuzc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor WebAssembly SfPdfViewer rendering in browser](gettingstarted-images/blazor-pdfviewer.png)" %}
 
+N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/PDFViewer2/NET10/PDFViewer2_WasmStandalone).
+
 ## See also
 
 * [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](./web-app)
diff --git a/Document-Processing/PDF/Smart-PDF-Viewer/blazor/getting-started/web-app.md b/Document-Processing/PDF/Smart-PDF-Viewer/blazor/getting-started/web-app.md
index a3c26a66b..96e1b0771 100644
--- a/Document-Processing/PDF/Smart-PDF-Viewer/blazor/getting-started/web-app.md
+++ b/Document-Processing/PDF/Smart-PDF-Viewer/blazor/getting-started/web-app.md
@@ -117,7 +117,7 @@ Import the [Syncfusion.Blazor](https://help.syncfusion.com/cr/blazor/Syncfusion.
 If the **Interactive Render Mode** is set to `Server`, the project contains a single **~/Program.cs** file. Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in that **~/Program.cs** file. The configured SignalR maximum message size and memory cache support large document streaming and caching for better performance. Ensure the Syncfusion license is registered during application startup.
 
 {% tabs %}
-{% highlight c# tabtitle="~/Program.cs" hl_lines="5 7 10" %}
+{% highlight c# tabtitle="~/Program.cs" hl_lines="1 5 7 10" %}
 
 using Syncfusion.Blazor;
 
@@ -165,12 +165,12 @@ dotnet add package Microsoft.Extensions.AI.OpenAI --version 9.8.0-preview.1.2541
 To configure the AI service, add the following settings to the **~/Program.cs** file in the Blazor Server app.
 
 {% tabs %}
-{% highlight C# tabtitle="~/Program.cs" hl_lines="10 11 12 13 14 15 17" %}
+{% highlight C# tabtitle="~/Program.cs" hl_lines="3 4 5 6 10 11 12 13 14 15 17" %}
 
-using Azure.AI.OpenAI;
-using Microsoft.Extensions.AI;
 using Sample.Components;
 using Syncfusion.Blazor;
+using Azure.AI.OpenAI;
+using Microsoft.Extensions.AI;
 using Syncfusion.Blazor.AI;
 using System.ClientModel;
 
@@ -306,6 +306,19 @@ N> Review the [Blazor Themes](https://blazor.syncfusion.com/documentation/appear
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Smart PDF Viewer component
 
+N> If the interactivity location is set to Global and the render mode is set to Auto, WebAssembly, or Server, the render mode is configured in the App.razor file by default.
+
+If the interactivity location is set to Per page/component, define a render mode at the top of the ~Pages/.razor component as follows:
+
+{% tabs %}
+{% highlight razor %}
+
+@* Your App render mode define here *@
+@rendermode InteractiveServer
+
+{% endhighlight %}
+{% endtabs %}
+
 Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Smart PDF Viewer component in the **~Pages/Home.razor** file.
 
 {% tabs %}

From c3152ae4b2db6dd2c71322fff4ac0d326791c710 Mon Sep 17 00:00:00 2001
From: Balaji Loganathan <balaji.loganathan@syncfusion.com>
Date: Fri, 6 Feb 2026 19:10:39 +0530
Subject: [PATCH 11/12] 1008844: Updated getting started documentation for JS
 and TS

---
 .../getting-started-with-server-backed.md              |  4 ++--
 .../PDF/PDF-Viewer/javascript-es5/getting-started.md   |  6 +++++-
 .../getting-started-with-server-backed.md              | 10 +++++-----
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md
index b7d967d48..44dd6f336 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md
@@ -93,12 +93,12 @@ To enable additional features, inject the required modules. The following module
    dotnet run
    ```
 
-6. The PDF Viewer server instance runs at `https://localhost:5001`. Navigate to `https://localhost:5001/pdfviewer`, which returns the default GET response method. Bind this link to the `serviceUrl` property of the PDF Viewer as shown below.
+6. The PDF Viewer server instance runs at `https://localhost:7255`. Navigate to `https://localhost:7255/pdfviewer`, which returns the default GET response method. Bind this link to the `serviceUrl` property of the PDF Viewer as shown below.
 
 ```javascript
 var pdfviewer = new ej.pdfviewer.PdfViewer({
     documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
-    serviceUrl: 'https://localhost:5001/pdfviewer'
+    serviceUrl: 'https://localhost:7255/pdfviewer'
 });
 ```
 
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md
index 090208b99..2641a4a43 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md
@@ -67,4 +67,8 @@ var pdfviewer = new ej.pdfviewer.PdfViewer({
 
 View the sample in GitHub to [load PDF Viewer with local resources](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Refer%20resource%20url%20locally)
 
-**Step 4:** Now, run the `index.html` in web browser, it will render the `Essential JS 2 PDF Viewer` component.
+**Step 4:** Now, run the `index.html` in web browser using a local web server, it will render the `Essential JS 2 PDF Viewer` component. You can use the following command to start the server.
+
+   ```
+   npx serve .
+   ```
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md
index b73a5b5ef..c657dd35d 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md
@@ -84,7 +84,7 @@ PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
 let pdfviewer: PdfViewer = new PdfViewer();
 pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
 pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
+pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', '');
 
 {% endhighlight %}
 {% endtabs %}
@@ -147,7 +147,7 @@ document.getElementById('load').addEventListener('click', function () {
    pdfViewer.serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
    pdfViewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
    pdfViewer.dataBind();
-   pdfViewer.load(pdfViewer.documentPath, null);
+   pdfViewer.load(pdfViewer.documentPath, '');
 });
 
 N> The Web API link https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/ used in the `serviceUrl` property is intended for demonstration and evaluation only. For production, host your own web service with the required server configuration. You can reuse the [GitHub web service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server). **Standalone mode is strongly recommended.**
@@ -198,15 +198,15 @@ Inject modules using the `PdfViewer.Inject` method.
  dotnet run
 ```
 
-6. The PDF Viewer server instance runs at `https://localhost:5001`. Navigate to `https://localhost:5001/pdfviewer` to see the default GET response. Bind this URL to the [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) property of the PDF Viewer as shown below.
+6. The PDF Viewer server instance runs at `https://localhost:7255`. Navigate to `https://localhost:7255/pdfviewer` to see the default GET response. Bind this URL to the [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) property of the PDF Viewer as shown below.
 
 {% tabs %}
 {% highlight ts tabtitle="app.ts" %}
 
 let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://localhost:5001/pdfviewer';
+pdfviewer.serviceUrl = 'https://localhost:7255/pdfviewer';
 pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('PDF_Succinctly.pdf', null);
+pdfviewer.load('PDF_Succinctly.pdf', '');
 
 {% endhighlight %}
 {% endtabs %}

From 50b7a264a5eec133ab58cafaf7248573bc5278f2 Mon Sep 17 00:00:00 2001
From: Mohamed Thariq Ali Askar Ali <mohamedthariqali.askar@syncfusion.com>
Date: Fri, 6 Feb 2026 19:21:42 +0530
Subject: [PATCH 12/12] Vue Changes on Getting Started

---
 .../vue/getting-started-with-server-backed.md         | 11 -----------
 .../PDF/PDF-Viewer/vue/getting-started.md             |  1 -
 2 files changed, 12 deletions(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md
index ec743fd23..4506a303c 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md
@@ -262,17 +262,6 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-The following summarized code is available in the **src/App.vue** file:
-
-{% tabs %}
-{% highlight html tabtitle="~/src/App.vue" %}
-{% include code-snippet/pdfviewer/vue/getting-started-cs1/app-composition.vue %}
-{% endhighlight %}
-{% highlight html tabtitle="~/src/App.vue" %}
-{% include code-snippet/pdfviewer/vue/getting-started-cs1/app.vue %}
-{% endhighlight %}
-{% endtabs %}
-
 N> We have provided the support to dynamically change the `serviceUrl`. After updating the `serviceUrl` dynamically, invoke the `pdfViewer.dataBind()` method before calling the `load` method. This ensures that the updated `serviceUrl` is applied immediately. Make sure to perform this step in versions 23.1.36 and later.
 
 N> The Web API hosted link https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer utilized in the PDF viewer's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server) for hosting your own web service and use for the serviceUrl property. **We strongly recommend using the standalone mode.**
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md
index c234df8e9..87f2b746d 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md
@@ -98,7 +98,6 @@ import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
          BookmarkView,ThumbnailView, Print,TextSelection, TextSearch,
          Annotation, FormDesigner, FormFields, PageOrganizer} from '@syncfusion/ej2-vue-pdfviewer';
 
-}
 </script>
 
 {% endhighlight %}