documentation(1026690): Move UG getting started changes from hotfix to development.

Document-Processing-toc.html

@@ -5379,7 +5379,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/asp-net-core/overview">ASP.NET Core</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/asp-net-core/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/asp-net-core/getting-started-core">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/asp-net-core/open-save">Open and Save</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/asp-net-core/docker-deployment">Docker Deployment</a></li>
@@ -5429,7 +5428,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/asp-net-mvc/overview">ASP.NET MVC</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/asp-net-mvc/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/asp-net-mvc/getting-started-mvc">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/asp-net-mvc/open-save">Open and Save</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/asp-net-mvc/docker-deployment">Docker Deployment</a></li>
@@ -5479,7 +5477,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/angular/overview">Angular</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/angular/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/angular/getting-started">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/angular/data-binding">Data Binding</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/angular/open-save">Open and Save</a></li>
@@ -5560,7 +5557,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/react/overview">React</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/react/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/react/getting-started">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/react/data-binding">Data Binding</a></li>
 							<li>Environment Integrations
@@ -5570,6 +5566,7 @@
 									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/preact">Using with Preact</a></li>
 									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/remix">Using with Remix</a></li>
 									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/sharepoint">Using with SharePoint Framework (SPFx)</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/agentic-builder">Agentic UI Builder</a></li>
 								</ul>
 							</li>
 							<li><a href="/document-processing/excel/spreadsheet/react/web-services/webservice-overview">Web Services</a>
@@ -5662,7 +5659,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/vue/overview">Vue</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/vue/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/vue/getting-started">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/vue/vue-3-getting-started">Getting Started with Vue 3</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/vue/data-binding">Data Binding</a></li>
@@ -5711,7 +5707,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/javascript-es5/overview">JavaScript (ES5)</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/javascript-es5/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es5/getting-started">Getting Started</a>
 							</li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es5/data-binding">Data Binding</a></li>
@@ -5759,7 +5754,6 @@
 					<li>
 						<a href="/document-processing/excel/spreadsheet/javascript-es6/overview">JavaScript (ES6)</a>
 						<ul>
-							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/overview">Overview</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/getting-started">Getting Started</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/data-binding">Data Binding</a></li>
 							<li><a href="/document-processing/excel/spreadsheet/javascript-es6/open-save">Open and Save</a></li>

Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/getting-started-core.md

@@ -66,7 +66,7 @@ Add the stylesheet and script references to the `<head>` section of the `~/Pages
 N> To learn other ways to load themes or scripts (such as NPM packages or [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)), see the [Themes topic](https://ej2.syncfusion.com/aspnetcore/documentation/appearance/theme) and [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references) documentation.
 
 ## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Script Manager
-Register the script manager `<ejs-script>` at the end of the `<body>` element in the ASP.NET Core application, as shown in the following example.
+Register the script manager `<ejs-scripts>` at the end of the `<body>` element in the ASP.NET Core application, as shown in the following example.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -94,7 +94,7 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Spreadshee
 
 Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to run the app. Then, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Spreadsheet control will be rendered in the default web browser.
 
-![ASP.NET Core Spreadsheet control](images/spreadsheet.PNG)
+![ASP.NET Core Spreadsheet control](images/spreadsheet.png)
 
 N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-Core-Getting-Started-Examples/tree/main/Spreadsheet/ASP.NET%20Core%20Tag%20Helper%20Examples).
 

Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/overview.md

@@ -1,15 +1,17 @@
 ---
 layout: post
-title: Overview of the EJ2 ASP.NET Core Syncfusion Spreadsheet Component
-description: Learn here all about Overview of the Syncfusion EJ2 ASP.NET CORE Spreadsheet component of Syncfusion Essential JS 2 and more.
+title: Overview of the ASP.NET Core Spreadsheet Control | Syncfusion
+description: Learn here all about Overview of the Syncfusion EJ2 ASP.NET CORE Spreadsheet control of Syncfusion Essential JS 2 and more.
 platform: document-processing
 control: Index
 documentation: ug
 ---
 
-# Overview of the EJ2 ASP.NET CORE Spreadsheet control
+# Overview of the ASP.NET Core Spreadsheet Control
 
-The Spreadsheet is an user interactive control to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
+The [ASP.NET Core Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/asp-net-core-spreadsheet-editor) is an user interactive control to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
+
+![ASP.NET Core Spreadsheet Control](./images/overview-banner.png)
 
 ## Key features
 

Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/getting-started-mvc.md

@@ -18,12 +18,14 @@ This section briefly explains about how to include [Syncfusion<sup style="font-s
 
 ## Create ASP.NET MVC application with HTML helper
 
-* [Create a Project using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/tutorials/first-mvc-app/start-mvc?view=aspnetcore-8.0&tabs=visual-studio)
+* [Create an ASP.NET Web Application (.NET Framework) using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/mvc/overview/getting-started/introduction/getting-started#create-your-first-app)
 
 ## Install Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC package in the application
 
 Open the NuGet package manager UI in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search for [Syncfusion.EJ2.MVC5](https://www.nuget.org/packages/Syncfusion.EJ2.MVC5) and then install it. Alternatively, you can utilize the following package manager command to achieve the same.
 
+> Make sure that the `Microsoft.AspNet.Mvc` package and its dependency packages are updated to the latest version.
+
 {% tabs %}
 {% highlight C# tabtitle="Package Manager" %}
 
@@ -36,10 +38,12 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC controls are ava
 
 ## Add namespace
 
-Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder.
+Add **Syncfusion.EJ2** namespace reference in `~/Views/Web.config` file, as shown in the following example.
 
 ```
+...
 <namespaces>
+    ...
     <add namespace="Syncfusion.EJ2"/>
 </namespaces>
 ```

Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/overview.md

@@ -1,15 +1,17 @@
 ---
 layout: post
-title: Overview of the EJ2 ASP.NET MVC Syncfusion Spreadsheet Component
-description: Learn here all about Overview of the Syncfusion EJ2 ASP.NET MVC Spreadsheet component of Syncfusion Essential JS 2 and more.
+title: Overview of the ASP.NET MVC Spreadsheet Control | Syncfusion
+description: Learn here all about Overview of the Syncfusion EJ2 ASP.NET MVC Spreadsheet control of Syncfusion Essential JS 2 and more.
 platform: document-processing
 control: Index
 documentation: ug
 ---
 
-# Overview of the EJ2 ASP.NET MVC Spreadsheet control
+# Overview of the ASP.NET MVC Spreadsheet Control
 
-The Spreadsheet is an user interactive control to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
+The [ASP.NET MVC Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/asp-net-mvc-spreadsheet-editor) is an user interactive control to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
+
+![ASP.NET MVC Spreadsheet Control](./images/overview-banner.png)
 
 ## Key features
 

Document-Processing/Excel/Spreadsheet/Angular/getting-started.md

@@ -32,6 +32,8 @@ ng new spreadsheet-app
 cd spreadsheet-app
 ```
 
+> **Note:** When prompted during project creation, select the default options: **CSS** for stylesheet, **No** for SSR/SSG, and **None** for AI tools.
+
 ## Install the Syncfusion® Angular Spreadsheet package
 
 The [Angular Spreadsheet](https://www.npmjs.com/package/@syncfusion/ej2-angular-spreadsheet) package uses the [Ivy](https://docs.angular.lat/guide/ivy) library distribution [format](https://angular.dev/tools/libraries/angular-package-format) and is compatible with `Angular 12` and above. Use the following command to install the package:
@@ -48,7 +50,7 @@ npm install @syncfusion/ej2-angular-spreadsheet@ngcc --save
 
 ## Add CSS references
 
-Add the following style references to the `[src/styles.css]` file.
+Add the following Spreadsheet and dependent component style references to the `[src/styles.css]` file.
 
 ```css
 @import '../node_modules/@syncfusion/ej2-base/styles/tailwind3.css';
@@ -59,8 +61,8 @@ Add the following style references to the `[src/styles.css]` file.
 @import '../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css';
 @import '../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css';
 @import '../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind3.css';
-@import '../node_modules/@syncfusion/ej2-spreadsheet/styles/tailwind3.css';
 @import '../node_modules/@syncfusion/ej2-grids/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-angular-spreadsheet/styles/tailwind3.css';
 ```
 
 > **Note:** Refer to the [Themes topic](https://ej2.syncfusion.com/angular/documentation/appearance/overview) to learn more about built-in themes and different ways to refer to themes in an Angular project.
@@ -71,11 +73,16 @@ Now, import the required Spreadsheet module into your application file and rende
 
 {% tabs %}
 {% highlight ts tabtitle="app.ts" %}
-{% include code-snippet/spreadsheet/angular/spreadsheet-cs1/src/app.ts %}
-{% endhighlight %}
-
-{% highlight ts tabtitle="main.ts" %}
-{% include code-snippet/spreadsheet/angular/spreadsheet-cs1/src/main.ts %}
+import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet'
+import { Component } from '@angular/core';
+
+@Component({
+  imports: [SpreadsheetAllModule],
+  standalone: true,
+  selector: 'app-root',
+  template: '<ejs-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"></ejs-spreadsheet>'
+})
+export class App { }
 {% endhighlight %}
 {% endtabs %}
 
@@ -89,12 +96,15 @@ Run the following command to start the development server:
 ng serve
 ```
 
-After the application starts, open the local URL shown in the terminal to view the Angular Spreadsheet component in the browser.
+After the application starts, open the localhost URL shown in the terminal to view the Angular Spreadsheet component in the browser. The output will appear as follows:
+![Angular Spreadsheet component](./images/spreadsheet.png)
 
-Use the following live preview to explore the Spreadsheet component.
+You can also explore the Spreadsheet interactively using the live sample below.
 
 {% previewsample "/document-processing/samples/spreadsheet/angular/spreadsheet-cs1" %}
 
+> [View Sample in GitHub](https://github.com/SyncfusionExamples/getting-started-with-the-angular-spreadsheet-component).
+
 ## Video tutorial
 
 To get started quickly with Angular Spreadsheet, you can watch this video:

Document-Processing/Excel/Spreadsheet/Angular/overview.md

@@ -1,15 +1,17 @@
 ---
 layout: post
-title: Overview of the Angular Spreadsheet component | Syncfusion
+title: Overview of the Angular Spreadsheet Component| Syncfusion
 description: Learn here all about overview of the Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
 platform: document-processing
 control: Index 
 documentation: ug
 ---
 
-# Overview of the Angular Spreadsheet component
+# Overview of the Angular Spreadsheet Component
 
-The Angular Spreadsheet is an user interactive component to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
+The [Angular Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) is an user interactive component to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with xlsx, xls, CSV and PDF formats.
+
+![Angular Spreadsheet component](./images/overview-banner.png)
 
 ## Key features