diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index 5665fb3e9c..4365737782 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -5610,10 +5610,11 @@
- Illustrations
+ Images and Illustrations
+ Charts and Visualizations
Rows and Columns
Sorting
Filtering
@@ -5633,8 +5634,6 @@
Keyboard Shortcuts
Freeze Panes
Templates
- Charts and Visualizations
- Images and Illustrations
User Interface Customization
- Create Custom Cell Templates
diff --git a/Document-Processing/Excel/Spreadsheet/React/charts-and-visualizations.md b/Document-Processing/Excel/Spreadsheet/React/charts-and-visualizations.md
index 28aa0526b4..d38ca11802 100644
--- a/Document-Processing/Excel/Spreadsheet/React/charts-and-visualizations.md
+++ b/Document-Processing/Excel/Spreadsheet/React/charts-and-visualizations.md
@@ -262,7 +262,7 @@ Enables or disables chart functionality in the Spreadsheet.
**See:** [allowChart API Documentation](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#allowchart)
-### Limitations of Chart
+## Limitations of Chart
The following features have some limitations in the Chart:
@@ -271,6 +271,6 @@ The following features have some limitations in the Chart:
* Corner resizing option in chart element.
## See Also
-* [Images](./images-and-illustrations.md)
+* [Images](./images-and-illustrations)
* [Formatting](./formatting)
* [Rows and columns](./rows-and-columns)
diff --git a/Document-Processing/Excel/Spreadsheet/React/events.md b/Document-Processing/Excel/Spreadsheet/React/events.md
index 24bd7aaca2..229d6f203c 100644
--- a/Document-Processing/Excel/Spreadsheet/React/events.md
+++ b/Document-Processing/Excel/Spreadsheet/React/events.md
@@ -150,5 +150,5 @@ The table below describes each event and its role in the editing process:
## See Also
-* [Editing](./editing.md)
-* [Clipboard](./clipboard.md)
\ No newline at end of file
+* [Editing](./editing)
+* [Clipboard](./clipboard)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Spreadsheet/React/formatting.md b/Document-Processing/Excel/Spreadsheet/React/formatting.md
index f6260e64bf..cec0a991fd 100644
--- a/Document-Processing/Excel/Spreadsheet/React/formatting.md
+++ b/Document-Processing/Excel/Spreadsheet/React/formatting.md
@@ -29,4 +29,4 @@ You can refer to our [React Spreadsheet](https://www.syncfusion.com/spreadsheet-
- [Hyperlink](./link)
- [Sorting](./sort)
- [Filtering](./filter)
-- [`Ribbon customization`](./ribbon#ribbon-customization)
+- [Ribbon customization](./ui-customization)
diff --git a/Document-Processing/Excel/Spreadsheet/React/how-to/existing-react-layout.md b/Document-Processing/Excel/Spreadsheet/React/how-to/existing-react-layout.md
index 3b2123440f..81c44d516d 100644
--- a/Document-Processing/Excel/Spreadsheet/React/how-to/existing-react-layout.md
+++ b/Document-Processing/Excel/Spreadsheet/React/how-to/existing-react-layout.md
@@ -32,7 +32,7 @@ The following sample shows how to render the Spreadsheet inside the Tab componen
{% previewsample "/document-processing/code-snippet/spreadsheet/react/integrate-into-layouts-cs1" %}
-### Use spreadsheet inside Dialog
+### Use Spreadsheet inside Dialog
If the Spreadsheet is placed inside a dialog (for example, a Syncfusion Dialog), render or initialize the Spreadsheet only within the dialog’s open event. The parent container must be visible in the DOM for the Spreadsheet to correctly measure and compute its layout.
diff --git a/Document-Processing/Excel/Spreadsheet/React/illustrations.md b/Document-Processing/Excel/Spreadsheet/React/illustrations.md
deleted file mode 100644
index e5d75e4694..0000000000
--- a/Document-Processing/Excel/Spreadsheet/React/illustrations.md
+++ /dev/null
@@ -1,243 +0,0 @@
----
-layout: post
-title: Illustrations in React Spreadsheet component | Syncfusion
-description: Learn here all about Illustrations in Syncfusion React Spreadsheet component of Syncfusion Essential JS 2 and more.
-control: Illustrations
-platform: document-processing
-documentation: ug
----
-
-# Illustrations in React Spreadsheet component
-
-Illustrations allow you to insert images, shapes, and graphic objects into the Essential® JS 2 Spreadsheet. This feature helps to enhance the visual presentation of your worksheet by embedding graphical elements alongside your data.
-
-## Image
-
-Adding images to a spreadsheet can enhance the visual appeal and help to convey information more clearly.
-
->* The default value for the `allowImage` property is `true`.
-
-### Insert Image
-
-You can insert an image by using one of the following ways:
-
-* Select the **Insert** tab in the Ribbon toolbar, and then choose the **Image** option.
-* Use the `insertImage` method programmatically.
-
-The available parameters in the `insertImage` method are,
-
-| Parameter | Type | Description |
-|-----|------|----|
-| images | `ImageModel` | Specifies the options to insert image in spreadsheet. |
-| range(optional) | `string` | Specifies the range in spreadsheet. |
-
-The available arguments in `ImageModel` are:
-
-| Property | Description |
-|----------|-------------|
-| [src](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/imagemodel#src) | Specifies the image source. |
-| [id](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/imagemodel#id) | Specifies the image element id. |
-| [height](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/imagemodel#height) | Specifies the height of the image. |
-| [width](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/imagemodel#width) | Specifies the width of the image. |
-| [top](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/imagemodel#top) | Specifies the top position of the image. |
-| [left](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/imagemodel#left) | Specifies the left side of the image. |
->* In a spreadsheet, you can add many types of image files, including IMAGE, JPG, PNG, GIF, and JPEG formats.
-
-### Delete Image
-
-* To delete an image, select the image and press the **Delete** key.
-* You can also use the `deleteImage` method programmatically.
-
-The available parameters in the `deleteImage` method are:
-
-| Parameter | Type | Description |
-|-----|------|----|
-| id | `string` | Specifies the id of the image element to be deleted. |
-| range(optional) | `string` | Specifies the range in spreadsheet. |
-
-### Image Customization
-
-The image feature allows you to view and insert an image in a spreadsheet. You can customize the image by resizing it to change the height and width, and by moving it to another position within the worksheet.
-
-#### Height and Width
-
-* You can change the height and width of the image by resizing.
-* Use the `height` and `width` property in the `insertImage` method programmatically.
-
-#### Top and Left
-
-* You can change the position of the image by drag and drop.
-* Use the `top` and `left` property in the `insertImage` method programmatically.
-
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/spreadsheet/react/image-cs1/app/app.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/spreadsheet/react/image-cs1/app/app.tsx %}
-{% endhighlight %}
-{% highlight js tabtitle="datasource.jsx" %}
-{% include code-snippet/spreadsheet/react/image-cs1/app/datasource.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="datasource.tsx" %}
-{% include code-snippet/spreadsheet/react/image-cs1/app/datasource.tsx %}
-{% endhighlight %}
-{% endtabs %}
-
- {% previewsample "/document-processing/code-snippet/spreadsheet/react/image-cs1" %}
-
-### Limitations of Image
-
-The following features have some limitations in Image:
-
-* Corner resizing option in the image element.
-* Copy and paste the external 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/react/documentation/api/spreadsheet#allowchart) property to enable or disable the chart functionality.
-
->* The default value for the [`allowChart`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#allowchart) property is `true`.
-
-### Types of chart
-
-The following types of charts are available in the Spreadsheet.
-
->* Column Chart
->* Bar Chart
->* Area Chart
->* Line Chart
->* Pie Chart
->* Scatter Chart
-
-### Insert Chart
-
-You can insert a 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/react/documentation/api/spreadsheet#insertchart) method programmatically.
-
-The available parameter in the [`insertChart`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#insertchart) method is,
-
-| Parameter | Type | Description |
-|-----|------|----|
-| chart | `ChartModel` | Specifies the options to insert a chart in the spreadsheet. |
-
-The available arguments in the `ChartModel` are:
-
-| Property | Type | Description |
-|----------|------|-------------|
-| [id](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#id) | `string` | Specifies the chart element id. |
-| [type](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#type) | `ChartType` | Specifies the type of chart. |
-| [theme](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#theme) | `ChartTheme` | Specifies the theme of the chart. |
-| [range](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#range) | `string` | Specifies the selected or specified data range for the chart. |
-| [isSeriesInRows](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#isseriesinrows) | `boolean` | Specifies whether series are organized in rows (true) or columns (false). |
-| [title](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#title) | `string` | Specifies the title of the chart. |
-| [width](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#width) | `number` | Specifies the width of the chart. |
-| [height](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#height) | `number` | Specifies the height of the chart. |
-| [dataLabelSettings](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#datalabelsettings) | `DataLabelSettingsModel` | Specifies the data label settings for the series. |
-| [markerSettings](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#markersettings) | `MarkerSettingsModel` | Specifies the marker settings for the series (applicable to line charts). |
-| [legendSettings](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#legendsettings) | `LegendSettingsModel` | Specifies options for customizing the chart legend. |
-| [primaryXAxis](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#primaryxaxis) | `AxisModel` | Specifies options to configure the horizontal axis. |
-| [primaryYAxis](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/chartmodel#primaryyaxis) | `AxisModel` | Specifies options to configure the vertical axis. |
-
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs2/app/app.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs2/app/app.tsx %}
-{% endhighlight %}
-{% highlight js tabtitle="datasource.jsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs2/app/datasource.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="datasource.tsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs2/app/datasource.tsx %}
-{% endhighlight %}
-{% endtabs %}
-
- {% previewsample "/document-processing/code-snippet/spreadsheet/react/chart-cs2" %}
-
-### Delete Chart
-
-* To delete a chart, simply select the chart and press the **Delete** key.
-* You can also use the [`deleteChart`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#deletechart) method programmatically.
-
-The available parameter in the [`deleteChart`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#deletechart) method is,
-
-| Parameter | Type | Description |
-|-----|------|----|
-| id | `string` | Specifies the id of the chart element to be deleted. |
-
-### Chart Customization
-
-The chart feature allows you to insert and manage charts in a spreadsheet with flexible customization options. You can adjust both the size and position of charts to better fit your worksheet layout:
-
-* **Resize** – Change the height and width of the chart by dragging its edges or corners.
-* **Reposition** – Move the chart to a different location in the worksheet using drag-and-drop.
-
-These customization options make it easy to organize charts alongside your data for clearer visualization and presentation.
-
-
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs1/app/app.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs1/app/app.tsx %}
-{% endhighlight %}
-{% highlight js tabtitle="datasource.jsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs1/app/datasource.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="datasource.tsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs1/app/datasource.tsx %}
-{% endhighlight %}
-{% endtabs %}
-
- {% previewsample "/document-processing/code-snippet/spreadsheet/react/chart-cs1" %}
-
-#### Customization of line chart markers
-You can customize line chart markers to improve their appearance and readability. By using the [`actionBegin`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#actionbegin) event, you can modify properties such as:
-
-* **Shape** – Change the marker shape (e.g., circle, square, diamond).
-* **Size** – Adjust the marker size for better visibility.
-* **Fill Color** – Apply a custom fill color to highlight data points.
-* **Border** – Customize the border style and color for distinction.
-
-In the following example, the marker appearance (shape and size) is modified while creating the line chart through UI interaction, demonstrating how flexible customization can enhance chart visualization.
-
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs3/app/app.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs3/app/app.tsx %}
-{% endhighlight %}
-{% highlight js tabtitle="datasource.jsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs3/app/datasource.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="datasource.tsx" %}
-{% include code-snippet/spreadsheet/react/chart-cs3/app/datasource.tsx %}
-{% endhighlight %}
-{% endtabs %}
-
- {% previewsample "/document-processing/code-snippet/spreadsheet/react/chart-cs3" %}
-
-### Limitations of Chart
-
-The following features have some limitations in the Chart:
-
-* Insert row/delete row between the chart data source will not reflect the chart.
-* Copy/paste into the chart data source will not reflect the chart.
-* Corner resizing option in chart element.
-
-## Note
-
-You can refer to our [React Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [React Spreadsheet example](https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor) to knows how to present and manipulate data.
-
-## See Also
-
-* [Formatting](./formatting)
-* [Rows and columns](./rows-and-columns)
-* [Hyperlink](./link)
-* [Sorting](./sort)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Spreadsheet/React/images-and-illustrations.md b/Document-Processing/Excel/Spreadsheet/React/images-and-illustrations.md
index 73c7693d24..1cf80b06ff 100644
--- a/Document-Processing/Excel/Spreadsheet/React/images-and-illustrations.md
+++ b/Document-Processing/Excel/Spreadsheet/React/images-and-illustrations.md
@@ -191,11 +191,11 @@ Enables or disables image functionality in the Spreadsheet.
**See:** [allowImage API Documentation](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#allowimage)
-### Limitations of Image
+## Limitations of Image
* Corner resizing option is not available in the image element.
## See Also
-* [Charts](./charts-and-visualizations.md)
+* [Charts](./charts-and-visualizations)
* [Formatting](./formatting)
* [Rows and columns](./rows-and-columns)
diff --git a/Document-Processing/Excel/Spreadsheet/React/number-formatting.md b/Document-Processing/Excel/Spreadsheet/React/number-formatting.md
index f4c565bde9..c45e266e10 100644
--- a/Document-Processing/Excel/Spreadsheet/React/number-formatting.md
+++ b/Document-Processing/Excel/Spreadsheet/React/number-formatting.md
@@ -30,7 +30,7 @@ Number formatting can be applied in following ways,
* Using the [`numberFormat`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#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
+## Custom Number Formatting
Spreadsheet supports custom number formats to display your data as numbers, dates, times, percentages, and currency values. If the pre-defined number formats do not meet your needs, you can set your own custom formats using custom number formats dialog or [`numberFormat`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#numberformat) method.
diff --git a/Document-Processing/Excel/Spreadsheet/React/overview.md b/Document-Processing/Excel/Spreadsheet/React/overview.md
index 791d7bb02f..d9a730a893 100644
--- a/Document-Processing/Excel/Spreadsheet/React/overview.md
+++ b/Document-Processing/Excel/Spreadsheet/React/overview.md
@@ -1,17 +1,17 @@
---
layout: post
-title: Overview of the React Spreadsheet component | Syncfusion
+title: Overview of the React Spreadsheet Component | Syncfusion
description: Learn here all about overview of the Syncfusion React Spreadsheet component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Index
documentation: ug
---
-# Overview of the React Spreadsheet component
+# Overview of the React Spreadsheet Component
-The React 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 [Syncfusion® React Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/react-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.
-
+
## Key features
@@ -23,15 +23,15 @@ The React Spreadsheet is an user interactive component to organize and analyze d
* [Clipboard](clipboard): Provides the option to perform clipboard operations.
* [Cell formatting](formatting#text-and-cell-formatting): Provides the option to customize the appearance of cells.
* [Number formatting](formatting#number-formatting): Provides the option to format the cell value.
-* [Open](open-save#open): Provides the option to open Excel and CSV files in Spreadsheet.
-* [Save](open-save#save): Provides the option to save Spreadsheet data as Excel, CSV, and PDF documents.
+* [Open](open-excel-files): Provides the option to open Excel and CSV files in Spreadsheet.
+* [Save](save-excel-files): Provides the option to save Spreadsheet data as Excel, CSV, and PDF documents.
* [Sorting](sort): Helps you to arrange the data to particular order in a selected range of cells.
* [Filtering](filter): Helps you to view specific rows in the Spreadsheet by hiding the other rows.
* [Undo Redo](undo-redo): Provides the option to perform undo redo operations in Spreadsheet.
* [Hyperlink](link): Provides the option to navigate to web link or cell reference within the sheet or to other sheet in Spreadsheet.
* [Resize](mobile-responsiveness): Allows you to change the row height and column width. Auto fit the rows and columns based on its content.
* [Wrap text](cell-range#wrap-text): Provides the option to display the large content as multiple lines in a single cell.
-* [Data validation](cell-range#data-validation): Provides the option to validate edited values based on data validation rules defined for a cell or range of cells.
+* [Data validation](data-validation): Provides the option to validate edited values based on data validation rules defined for a cell or range of cells.
* [Find and replace](searching): Provides the option to find the data and replace it across all sheets in Spreadsheet.
* [Protect sheet](protect-sheet): Provides the option to restrict user actions like cell editing, row and column insertion, deletion, and resizing.
* [Borders](formatting#borders): Provides the option to customize cell gridlines such as color and its style for enhanced UI.
@@ -42,8 +42,8 @@ The React Spreadsheet is an user interactive component to organize and analyze d
* [Autofill](cell-range#auto-fill): Provides the option to fill or copy a series or pattern of values and formats into adjacent cells in any direction.
* [Clear](cell-range#clear): Provides the option to clear the content, formats, and hyperlinks applied to a cell or range of cells in a Spreadsheet.
* [Aggregates](formulas): Provides the option to check the sum, average, count, and more for the selected cells or range in the sheet.
-* [Picture](illustrations#image): Allows you to view, insert, and modify a picture in a Spreadsheet with customizing options.
-* [Chart](illustrations#chart): Transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions.
+* [Picture](images-and-illustrations): Allows you to view, insert, and modify a picture in a Spreadsheet with customizing options.
+* [Chart](charts-and-visualizations): Transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions.
* [Freeze panes](freeze-pane): Allows you to keep the specified rows and columns always visible at the top and left side of the sheet while scrolling through the sheet.
* [Password protection](protect-sheet#protect-workbook): Allows you to protect the workbook with a password.
* [Multi-line editing](editing): Allows you to insert a line break between paragraphs of the text within a cell in a Spreadsheet.
diff --git a/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli.md b/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli.md
index 1ca888caed..0295ef68a9 100644
--- a/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli.md
+++ b/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli.md
@@ -86,6 +86,6 @@ Once deployed, your app will be live at https://XXXXXXXXXX.azurewebsites.net.
openUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/open"
saveUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/save
```
-Append the App Service running URL to the service URL in the client‑side Spreadsheet Editor component. For more information about how to get started with the Spreadsheet Editor component, refer to this [`getting started page`](../getting-started.md)
+Append the App Service running URL to the service URL in the client‑side Spreadsheet Editor component. For more information about how to get started with the Spreadsheet Editor component, refer to this [`getting started page`](../getting-started)
For more information about the app container service, please look deeper into the [`Microsoft Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-server-to-aws-eks-using-docker.md b/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-server-to-aws-eks-using-docker.md
index e3c2c49e81..b9fe429ad9 100644
--- a/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-server-to-aws-eks-using-docker.md
+++ b/Document-Processing/Excel/Spreadsheet/React/server-deployment/deploy-spreadsheet-server-to-aws-eks-using-docker.md
@@ -115,7 +115,7 @@ kubectl get svc spreadsheet-server-service
**Step 5:** Configure the React client
-Start by following the steps provided in this [link](../getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component. Once the Service reports an external address (e.g., a1b2c3d4e5f6-1234567890.us-east-1.elb.amazonaws.com), update the [`openUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#openurl) and [`saveUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveurl) properties of your React Spreadsheet component:
+Start by following the steps provided in this [link](../getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component. Once the Service reports an external address (e.g., a1b2c3d4e5f6-1234567890.us-east-1.elb.amazonaws.com), update the [`openUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#openurl) and [`saveUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveurl) properties of your React Spreadsheet component:
```js
diff --git a/Document-Processing/Excel/Spreadsheet/React/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio.md b/Document-Processing/Excel/Spreadsheet/React/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio.md
index 1c50b61223..19391af422 100644
--- a/Document-Processing/Excel/Spreadsheet/React/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio.md
+++ b/Document-Processing/Excel/Spreadsheet/React/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio.md
@@ -52,6 +52,6 @@ https://XXXXXXXXXX.azurewebsites.net
openUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/open"
saveUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/save
```
-Append the App Service running URL to the service URL in the client‑side Spreadsheet Editor component. For more information about how to get started with the Spreadsheet Editor component, refer to this [`getting started page`](../getting-started.md)
+Append the App Service running URL to the service URL in the client‑side Spreadsheet Editor component. For more information about how to get started with the Spreadsheet Editor component, refer to this [`getting started page`](../getting-started)
For more information about the app container service, please look deeper into the [`Microsoft Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Spreadsheet/React/text-cell-formatting.md b/Document-Processing/Excel/Spreadsheet/React/text-cell-formatting.md
index 75db3a9720..9074723347 100644
--- a/Document-Processing/Excel/Spreadsheet/React/text-cell-formatting.md
+++ b/Document-Processing/Excel/Spreadsheet/React/text-cell-formatting.md
@@ -16,7 +16,7 @@ You can set formats in the following ways:
* Use the [`cellFormat`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#cellformat) method to apply formats to a cell or range of cells dynamically.
* Apply formatting directly by clicking the desired format option from the ribbon toolbar.
-### Fonts
+## Fonts
The Syncfusion React Spreadsheet component provides comprehensive font formatting options to customize text appearance in cells. These options help improve readability and establish a clear visual hierarchy in your data.
@@ -31,7 +31,7 @@ The Spreadsheet supports the following font formatting options:
| [`textDecoration`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/cellstylemodel#textdecoration) | Specifies decorative styling applied to the text. Supports values such as underline, overline, and line-through (strikethrough) to highlight, cross out, or distinguish content within a cell. |
| [`color`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/cellstylemodel#color) | Specifies the color of the text. |
-### Text Alignment
+## Text Alignment
You can align text in cells using the following options:
@@ -40,11 +40,11 @@ You can align text in cells using the following options:
| [`textAlign`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/textalign) | Left, Center, Right | Aligns text horizontally from left to right within the cell. |
| [verticalAlign](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/verticalalign) | Top, Middle, Bottom | Aligns text from top to bottom within the cell. |
-### Indents
+## Indents
Indentation helps enhance the visual appearance of text in cells by adding space before the text content. You can apply cell text indentation using the [`textIndent`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/cellstylemodel#textindent) property.
-### Fill Color
+## Fill Color
Fill color (background color) is used to highlight cells or ranges of cells across the workbook. You can apply background colors to cells using the [`backgroundColor`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/cellstylemodel#backgroundcolor) property.
@@ -67,11 +67,11 @@ The following code example shows the style formatting in text and cells of the s
{% previewsample "/document-processing/code-snippet/spreadsheet/react/cellformat-cs1" %}
-### Borders
+## Borders
The Syncfusion React Spreadsheet component allows you to apply borders to a cell or a range of cells. Borders help you separate sections, highlight data, or format tables clearly in your worksheet. You can apply borders in different styles, sizes, and colors based on your needs.
-#### Border Types
+### Border Types
The Spreadsheet supports many types of borders. Each type adds a border to a specific side or area of the selected cells:
@@ -88,7 +88,7 @@ The Spreadsheet supports many types of borders. Each type adds a border to a spe
| **Outside Border** | Specifies the outside border of a range of cells.|
| **Inside Border** | Specifies the inside border of a range of cells.|
-#### Customize Border Colors and Styles
+### Customize Border Colors and Styles
You can also change how the border looks by adjusting its size and style. The Spreadsheet supports the following options:
@@ -127,7 +127,7 @@ The following code sample shows how to apply different typed border, colors and
{% previewsample "/document-processing/code-snippet/spreadsheet/react/border-cs1" %}
-### Limitations of Formatting
+## Limitations of Formatting
The following features are not supported in Formatting: