Documentation(1027344): Move the React Spreadsheet UG content into ASP.Net Core platform UG.

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

@@ -1,17 +1,17 @@
 ---
 layout: post
-title: Accessibility in EJ2 ASP.NET CORE Spreadsheet Control
-description: "Documentation for the accessibility in the Essential JS2 Spreadsheet, featuring WAI-ARIA standards."
+title: Accessibility in React Spreadsheet component | Syncfusion
+description: Learn here all about Accessibility in Syncfusion React Spreadsheet component of Syncfusion Essential JS 2 and more.
+control: Accessibility 
 platform: document-processing
-control: Accessibility
 documentation: ug
 ---
 
-# Accessibility in EJ2 ASP.NET CORE Spreadsheet Control
+# Accessibility in React Spreadsheet component
 
-The Spreadsheet control followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
+The Spreadsheet component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria#roles) that are commonly used to evaluate accessibility.
 
-The accessibility compliance for the Spreadsheet control is outlined below.
+The accessibility compliance for the Spreadsheet component is outlined below.
 
 | Accessibility Criteria | Compatibility |
 | -- | -- |
@@ -31,15 +31,15 @@ The accessibility compliance for the Spreadsheet control is outlined below.
         margin: 0.5em 0;
     }
 </style>
-<div><img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> - All features of the control meet the requirement.</div>
+<div><img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> - All features of the component meet the requirement.</div>
 
-<div><img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> - Some features of the control do not meet the requirement.</div>
+<div><img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> - Some features of the component do not meet the requirement.</div>
 
-<div><img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> - The control does not meet the requirement.</div>
+<div><img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> - The component does not meet the requirement.</div>
 
 ## WAI-ARIA attributes
 
-The Spreadsheet control followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) patterns to meet the accessibility. The following ARIA attributes are used in the Spreadsheet control:
+The Spreadsheet component followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) patterns to meet the accessibility. The following ARIA attributes are used in the Spreadsheet component:
 
 | Attributes | Purpose |
 |-------|---------|
@@ -61,7 +61,7 @@ The Spreadsheet control followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/
 
 ## Keyboard interaction
 
-The Spreadsheet control followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Spreadsheet control.
+The Spreadsheet component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert#keyboardinteraction) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Spreadsheet component.
 
 | Press | To do this |
 |----------|-------------|
@@ -107,6 +107,12 @@ The Spreadsheet control followed the [keyboard interaction](https://www.w3.org/W
 
 ## Ensuring accessibility
 
-The Spreadsheet control's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing.
+The Spreadsheet component's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing.
 
-The accessibility compliance of the Spreadsheet control is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/spreadsheet.html) in a new window to evaluate the accessibility of the Spreadsheet control with accessibility tools.
+The accessibility compliance of the Spreadsheet component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/spreadsheet.html) in a new window to evaluate the accessibility of the Spreadsheet component with accessibility tools.
+
+{% previewsample "https://ej2.syncfusion.com/accessibility/spreadsheet.html" %}
+
+## See also
+
+* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> React components](https://ej2.syncfusion.com/react/documentation/common/accessibility)

Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/cell-range.md

@@ -81,92 +81,6 @@ The following features have some limitations in Merge:
 * Merge with filter.
 * Merge with wrap text.
 
-## Data Validation
-
-Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowDataValidation) property to enable or disable data validation.
-
-N> * The default value for `allowDataValidation` property is `true`.
-
-### Apply Validation
-
-You can apply data validation to restrict the type of data or the values that users enter into a cell.
-
-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()` method programmatically.
-
-### Clear Validation
-
-Clear validation feature is used to remove data validations from the specified ranges or the whole worksheet.
-
-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()` method programmatically.
-
-### Highlight Invalid Data
-
-Highlight invalid data feature is used to highlight the previously entered invalid values.
-
-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()` method programmatically.
-
-### Clear Highlighted Invalid Data
-
-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()` method programmatically.
-
-{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/spreadsheet/asp-net-core/data-validation/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="DataValidation.cs" %}
-{% include code-snippet/spreadsheet/asp-net-core/data-validation/dataValidation.cs %}
-{% endhighlight %}
-{% endtabs %}
-
-### Custom Data validation
-
-The Spreadsheet supports custom data validation, allowing users to define their own validation rules for specific cells or ranges. This feature enables you to set conditions that the entered data must meet, making it particularly useful when predefined validation options, such as numbers, dates, or lists, are insufficient.
-
-With custom validation, you can enforce rules using logical expressions or formulas, ensuring that only valid data is entered into the Spreadsheet.
-
-For example, consider a scenario where you want to ensure that a cell contains a number between 10 and 100. To achieve this, define a validation rule using a formula that checks if the entered value is greater than 10 and less than 100. The formula for this validation is =AND(A1>10, A1<100), where A1 refers to the cell being validated.
-
-When this rule is applied, the Spreadsheet evaluates the entered value against the formula. If a user enters a value outside the specified range, an alert notifies them of the invalid input. This helps users correct errors efficiently and ensures that only desired values are accepted.
-
-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()` 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 cshtml tabtitle="CSHTML" %}
-{% include code-snippet/spreadsheet/asp-net-core/data-validation-cs2/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="DataValidation.cs" %}
-{% include code-snippet/spreadsheet/asp-net-core/data-validation-cs2/dataValidation.cs %}
-{% endhighlight %}
-{% endtabs %}
-
-### Limitations of Data validation
-
-The following features have some limitations in Data Validation:
-
-* Entire row data validation.
-* Insert row between the data validation.
-* Copy/paste with data validation.
-* Delete cells between data validation applied range.
-
 ## Auto Fill
 
 Auto Fill is used to fill the cells with data based on adjacent cells. It also follows a pattern from adjacent cells if available. There is no need to enter the repeated data manually. You can use [`allowAutoFill`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowAutoFill) property to enable/disable the auto fill support. You can also use `showFillOptions` property to enable/disable the fill option and `fillType` property to change the default auto fill option which is available in [`autoFillSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AutoFillSettings).

Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/data-validation.md

@@ -0,0 +1,96 @@
+---
+layout: post
+title: Data validation in EJ2 ASP.NET Core Spreadsheet control | Syncfusion
+description: Learn here all about Data validation in Syncfusion EJ2 ASP.NET Core Spreadsheet control of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: Data validation 
+documentation: ug
+---
+
+# Data validation in ASP.NET Core Spreadsheet component
+
+Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowDataValidation) property to enable or disable data validation.
+
+
+> * The default value for `allowDataValidation` property is `true`.
+
+## Apply Validation
+
+You can apply data validation to restrict the type of data or the values that users enter into a cell.
+
+* **Ribbon UI:** Select the **Data** tab, then choose **Data Validation**.
+* **Programmatically:** Use the [`addDataValidation`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#adddatavalidation) method.
+
+
+## Clear Validation
+
+Clear validation using one of these methods:
+
+* **Ribbon UI:** Select the **Data** tab, then choose **Clear Validation**.
+* **Programmatically:** Use the [`removeDataValidation`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#removedatavalidation) method.
+
+
+## Highlight Invalid Data
+
+Highlight invalid data feature is used to highlight the previously entered invalid values.
+
+* **Ribbon UI:** Select the **Data** tab, then choose **Highlight Invalid Data**.
+* **Programmatically:** Use the [`addInvalidHighlight`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#addinvalidhighlight) method.
+
+
+## Clear Highlighted Invalid Data
+
+Clear highlight feature is used to remove the highlight from invalid cells.
+
+* **Ribbon UI:** Select the **Data** tab, then choose **Clear Highlight**.
+* **Programmatically:** Use the [`removeInvalidHighlight`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#removeinvalidhighlight) method.
+
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/spreadsheet/asp-net-core/data-validation/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="DataValidation.cs" %}
+{% include code-snippet/spreadsheet/asp-net-core/data-validation/dataValidation.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+## Custom Data validation
+
+The Spreadsheet supports custom data validation, allowing users to define their own validation rules for specific cells or ranges. This feature enables you to set conditions that the entered data must meet, making it particularly useful when predefined validation options, such as numbers, dates, or lists, are insufficient.
+
+With custom validation, you can enforce rules using logical expressions or formulas, ensuring that only valid data is entered into the Spreadsheet.
+
+**Example:** Validate a number between 10 and 100 using the formula `=AND(A1>10, A1<100)`, where A1 is the cell being validated. The Spreadsheet evaluates entered values against the formula and displays an alert if validation fails.
+
+You can apply custom data validation using two methods.
+
+* **Ribbon UI:** Navigate to **Data** tab, select **Data Validation**, then choose **Custom** from the **Allow** dropdown.
+* **Programmatically:** Use the [`addDataValidation`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#adddatavalidation) method.
+
+The following code example demonstrates how to add custom data validation with a formula in a Spreadsheet.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/spreadsheet/asp-net-core/data-validation-cs2/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="DataValidation.cs" %}
+{% include code-snippet/spreadsheet/asp-net-core/data-validation-cs2/dataValidation.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+## Limitations of Data validation
+
+The following features have some limitations in Data Validation:
+
+* Entire row data validation.
+* Insert row between the data validation.
+* Copy/paste with data validation.
+* Delete cells between data validation applied range.
+
+## See Also
+
+* [Formatting](./formatting)
+* [Rows and columns](./rows-and-columns)
+* [Hyperlink](./link)
+* [Sorting](./sort)

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

@@ -12,6 +12,10 @@ documentation: ug
 
 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://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowEditing) property to enable or disable the editing feature.
 
+To get start quickly with Editing, you can check on this video:
+
+{% youtube "https://www.youtube.com/watch?v=o3hsPhqaZzY" %}
+
 ## Edit cell
 
 You can start editing by one of the following ways,
@@ -20,24 +24,24 @@ 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` method.
+* Using the [`startEdit`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#startedit) method.
 
 ## Save cell
 
 If the cell is in editable state, you can save the edited cell by one of the following ways,
 
 * 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` method.
+* Using the [`endEdit`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#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` method.
+* Using the [`closeEdit`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#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://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_CellEdit) event. In `D` column, prevent saving the edited changes by using cancel argument as true in [`beforeCellSave`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_BeforeCellSave) and use `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/javascript/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/javascript/documentation/api/spreadsheet/#beforecellsave) and use [`closeEdit`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#closeedit) method in spreadsheet.
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
@@ -54,6 +58,10 @@ The following sample shows how to prevent the editing and cell save. Here `E` co
 
 * Text overflow in cells is not supported in Editing.
 
+## Note
+
+You can refer to our [ASP.NET Core Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/asp-net-core-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [ASP.NET Core Spreadsheet example](https://www.syncfusion.com/spreadsheet-editor-sdk/asp-net-core-spreadsheet-editor) to knows how to present and manipulate data.
+
 ## See Also
 
 * [Cell range](./cell-range)