diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/accessibility.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/accessibility.md
index 97a493c27e..8d74ec17ef 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/accessibility.md
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/accessibility.md
@@ -110,3 +110,9 @@ The Spreadsheet control followed the [keyboard interaction](https://www.w3.org/W
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 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.
+
+{% previewsample "https://ej2.syncfusion.com/accessibility/spreadsheet.html" %}
+
+## See also
+
+* [Accessibility in Syncfusion® ASP.NET Core components](https://ej2.syncfusion.com/aspnetcore/documentation/common/accessibility)
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/cell-range.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/cell-range.md
index 5fa7c090e2..e8c5a58365 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/cell-range.md
+++ b/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).
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/data-validation.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/data-validation.md
new file mode 100644
index 0000000000..96490c8fe4
--- /dev/null
+++ b/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)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/editing.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/editing.md
index e3188b3266..9f737331cd 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/editing.md
+++ b/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,7 +24,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` method.
+* Using the [`startEdit`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#startedit) method.
## Save cell
@@ -28,16 +32,16 @@ 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` 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)
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/events.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/events.md
new file mode 100644
index 0000000000..ab7c5f4c4c
--- /dev/null
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/events.md
@@ -0,0 +1,152 @@
+---
+layout: post
+title: Events in EJ2 ASP.NET Core Spreadsheet component | Syncfusion
+description: Learn here all about the events in Syncfusion EJ2 ASP.NET Core Spreadsheet component of Syncfusion Essential JS 2 and more.
+control: Events
+platform: document-processing
+documentation: ug
+---
+
+# Events in ASP.NET Core Spreadsheet Component
+
+The Spreadsheet component triggers events for creation, data binding, selection, editing, clipboard actions, sorting, filtering, formatting, row and column insertion or deletion, context menu and ribbon interactions, and import/export operations—enabling integration of custom logic into application workflows.
+
+## Action Events
+
+The `actionBegin` and `actionComplete` events are the primary action events in the Spreadsheet.
+
+The `actionBegin` event triggers when any action begins in the Spreadsheet and fires for all user-initiated actions, enabling you to identify the action type, prevent specific actions from executing, and apply custom logic at the initiation of an action.
+
+The `actionComplete` event triggers when any action completes in the Spreadsheet and fires for all user-initiated actions, enabling you to identify the action type and apply custom logic after an action has successfully completed.
+
+You can identify the type of action being triggered by using the `args.action` property during both the action events.
+
+The following table represents the action names for which the `actionBegin` and `actionComplete` events are triggered in the Spreadsheet:
+
+| **Action** | **ActionBegin** | **ActionComplete** |
+|--------|-------------|----------------|
+| Add Data Validation | validation | validation |
+| Add Defined Name | - | addDefinedName |
+| Autofill | autofill | autofill |
+| Autofit | resizeToFit | resizeToFit |
+| Cell Delete | cellDelete | cellDelete |
+| Cell Save (Edit) | cellSave | cellSave |
+| Chart Design | chartDesign | chartDesign |
+| Chart Deletion | deleteChart | deleteChart |
+| Chart Insertion | beforeInsertChart | insertChart |
+| Chart (Resize/Drag and Drop) | - | chartRefresh |
+| Clear | beforeClear | clear |
+| Clear Conditional Formatting | - | clearCF |
+| Clear Validation | removeValidation | removeValidation |
+| Clear Highlight | removeHighlight | removeHighlight |
+| Clipboard (Copy) | copy | - |
+| Clipboard (Cut) | cut | - |
+| Clipboard (Paste) | clipboard | clipboard |
+| Comment | addComment | addComment |
+| Conditional Formatting | conditionalFormat | conditionalFormat |
+| Delete | delete | delete |
+| Delete Comment | deleteComment | deleteComment |
+| Delete (Rows/Columns) | delete | delete |
+| Filter | filter | filter |
+| Formatting (Cell/Number) | format | format |
+| Freeze Panes | freezePanes | freezePanes |
+| Gridlines | gridlines | gridlines |
+| Headers | headers | headers |
+| Hide (Row/Column) | hideShow | hideShow |
+| Highlight Invalid Data | addHighlight | addHighlight |
+| Hyperlink | hyperlink | hyperlink |
+| Image Deletion | deleteImage | deleteImage |
+| Image Insertion | beforeInsertImage | insertImage |
+| Image (Resize/Drag and Drop) | - | imageRefresh |
+| Insert (Row/Column/Sheet) | insert | insert |
+| Merge | merge | merge |
+| Open | beforeOpen | import |
+| Protect Sheet | protectSheet | protectSheet |
+| Read-Only | readonly | readonly |
+| Remove Defined Name | - | removeDefinedName |
+| Replace | beforeReplace | replace |
+| Replace All | beforeReplaceAll | replaceAll |
+| Resize (Row/Column) | - | resize |
+| Save | beforeSave | - |
+| Sort | beforeSort | sorting |
+| Sheet Duplicate | duplicateSheet | duplicateSheet |
+| Sheet Hide | hideSheet | hideSheet |
+| Sheet Move | moveSheet | moveSheet |
+| Sheet Rename | renameSheet | renameSheet |
+| Wrap | beforeWrap | wrap |
+
+
+The following code example demonstrates how to bind the `actionBegin` and `actionComplete` events in the Spreadsheet.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/spreadsheet/asp-net-core/events/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="EventsController.cs" %}
+{% include code-snippet/spreadsheet/asp-net-core/events/EventsController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+## Clipboard
+
+When performing clipboard operations such as **Cut**, **Copy**, or **Paste**, the Spreadsheet triggers specific events that allow you to monitor and manage these actions effectively. The following sections outline the event sequence and their roles.
+
+### Cut / Copy
+
+For **Cut** or **Copy** actions, only the [`actionBegin`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actionbegin) event is triggered. You can identify the action type and access the copied range by using the following properties:
+
+* `args.action === 'cut'` → Indicates a Cut action
+* `args.action === 'copy'` → Indicates a Copy action
+* `args.args.copiedRange` → Provides the range of copied cells
+
+### Paste
+
+During a **Paste** operation, events are triggered in the following sequence:
+
+> actionBegin → beforeCellUpdate → cellSave → actionComplete
+
+The table below describes each event and its role in the paste process:
+
+| **Event** | **Description** | **Event Arguments** |
+|-----------|------------------|----------------------|
+| [`actionBegin`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actionbegin) | Triggers when the paste action starts. | [`ActionBeginEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actionbegin) |
+| [`beforeCellUpdate`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#beforecellupdate) | Triggers for each cell in the pasted range before it is updated, allowing you to modify cell properties or cancel the `paste` action. | [`BeforeCellUpdateArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/beforecellupdateargs) |
+| [`cellSave`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#cellsave) | Triggers for each cell in the pasted range after the modified cell is saved. | [`CellSaveEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cellsaveeventargs) |
+| [`actionComplete`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actioncomplete) | Triggers after all pasted cells are fully saved. | [`ActionCompleteEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actioncomplete) |
+
+### Accessing copied and pasted ranges
+
+You can access the copied and pasted ranges during paste operations by using the [`actionBegin`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actionbegin) and [`actionComplete`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actioncomplete) events. Verify the action type using:
+
+* `args.action === 'clipboard'` → Indicates a paste action
+
+Once verified, you can access the following properties:
+
+* `args.eventArgs.copiedRange` → The range of cells that were copied
+* `args.eventArgs.pastedRange` → The range of cells where content was pasted
+
+## Editing
+
+When a cell is edited manually—such as by **double-clicking the cell**, **pressing the F2 key**, or **modifying it through the formula bar**—the Spreadsheet triggers a series of events. These events allow you to monitor and manage the entire editing process, from initiation to completion.
+
+The sequence of events during manual cell editing is:
+
+> cellEdit → cellEditing → actionBegin → beforeCellUpdate → beforeCellSave → cellSave → cellEdited → actionComplete
+
+The table below describes each event and its role in the editing process:
+
+| **Event** | **Description** | **Event Arguments** |
+|-----------|------------------|----------------------|
+| [`cellEdit`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#celledit) | Triggers before the cell enters edit mode. | [`CellEditEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cellediteventargs) |
+| [`cellEditing`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#cellediting) | Triggers while editing is in progress; fires for each change made to the cell content. | [`CellEditingEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cellediteventargs) |
+| [`actionBegin`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actionbegin) | Triggers when the edit action starts. | [`ActionBeginEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actionbegin) |
+| [`beforeCellUpdate`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#beforecellupdate) | Triggers before any cell property (style, value, formula, etc.) is modified. | [`BeforeCellUpdateArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/beforecellupdateargs) |
+| [`beforeCellSave`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#beforecellsave) | Triggers before the cell value is saved. | [`BeforeCellSaveEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cellediteventargs) |
+| [`cellSave`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#cellsave) | Triggers when the modified cell value is saved. | [`CellSaveEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cellsaveeventargs) |
+| [`cellEdited`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#celledited) | Triggers after the editing process completes. | [`CellEditedEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cellediteventargs) |
+| [`actionComplete`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actioncomplete) | Triggers once the entire edit operation is completed. | [`ActionCompleteEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#actioncomplete) |
+
+## See Also
+
+* [Editing](./editing.md)
+* [Clipboard](./clipboard.md)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/feature-list.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/feature-list.md
index f2eacf9d6e..9d69c91ea5 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/feature-list.md
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/feature-list.md
@@ -7,63 +7,70 @@ control: Feature List
documentation: ug
---
-
# Comparison between EJ1 & EJ2 ASP.NET Core Spreadsheet features
The following table compares Excel functionality with the availability of EJ1 and EJ2 Spreadsheet features.
-| **Features** | **Available in EJ1 Spreadsheet** | **Available in EJ2 Spreadsheet** | **Comments** |
-| --- | --- | --- | --- |
-| Ribbon | Yes | Yes | - |
-| Formula bar | Yes | Yes | - |
-| Sheet tab | Yes | Yes | - |
-| Show / Hide gridlines and header | Yes | Yes | - |
-| Scrolling | Partially | Yes | - |
-| Selection | Yes | Yes | - |
-| Editing | Yes | Yes | - |
-| Formulae | Yes | Partially | EJ2 supports limited number of [`most used formulas`](https://ej2.syncfusion.com/aspnetcore/documentation/spreadsheet/formulas#supported-formulas) |
-| Named range | Yes | Partially | EJ2 Spreadsheet Named range supports only in workbook scope |
-| Data Binding | Yes | Yes | - |
-| Formatting | Yes | Yes | - |
-| Context menu | Yes | Yes | - |
-| Keyboard navigation | Yes | Yes | - |
-| Keyboard shortcuts | Yes | Yes | - |
-| Sorting | Yes | Yes | - |
-| Filtering | Yes | Yes | - |
-| Hyperlink | Yes | Yes | - |
-| Undo & redo | Yes | Yes | - |
-| Open and Save | Yes | Yes | - |
-| Resize / Autofit | Yes | Yes | - |
-| Clipboard | Yes | Yes | - |
-| Collaborative editing | No | Yes | - |
-| Wrap text | Yes | Yes | - |
-| Template | No | Yes | - |
-| Merge cells | Yes | Yes | - |
-| Show / Hide rows and columns | Yes | Yes | - |
-| Sheet customizations | Yes | Partially | Move or copy sheet is not supported in EJ2 spreadsheet. |
-| Data Validation | Yes | Yes | - |
-| Table | Yes | No | - |
-| Chart | Yes | Yes | - |
-| Image | Yes | Yes | - |
-| Conditional formatting | Yes | Yes | - |
-| Freeze Pane | Yes | Yes | - |
-| Scaling | No | No | - |
-| Print | Yes | No | - |
-| Grouping | No | No | - |
-| Autofill | Yes | No | - |
-| Auto Sum | Yes | Yes | - |
-| Format painter | Yes | No | - |
-| Cell Style | Yes | Partially | We can only customize the cell style in EJ2 Spreadsheet through API. |
-| Protection | Yes | Partially | Custom encryption is not supported in EJ2 Spreadsheet's protect workbook. |
-| Find and replace | Yes | Yes | - |
-| Drag and Drop | Yes | No | - |
-| Notes | Yes | No | - |
-| Comments | No | No | - |
-| Pivot table | Yes | No | - |
-| Sparklines | Yes | No | - |
-| Form controls | Yes | No | - |
-| Shapes | No | No | - |
-| Clear | Yes | Yes | - |
+| **Features** | **Available in EJ2 Spreadsheet** | **Comments** |
+| --- | --- | --- |
+| Ribbon | Yes | - |
+| Formula bar | Yes | - |
+| Sheet tab | Yes | - |
+| Show / Hide gridlines and header | Yes | - |
+| Scrolling | Yes | - |
+| Selection | Yes | - |
+| Editing | Yes | - |
+| Formulae | Partially | EJ2 supports limited number of [`most used formulas`](https://help.syncfusion.com/document-processing/excel/spreadsheet/asp-net-core/formulas#supported-formulas) |
+| Named range | Yes | - |
+| Data Binding | Yes | - |
+| Cell Formatting | Yes | - |
+| Number Formatting | Yes | - |
+| Context menu | Yes | - |
+| Keyboard navigation | Yes | - |
+| Keyboard shortcuts | Yes | - |
+| Sorting | Yes | - |
+| Filtering | Yes | - |
+| Hyperlink | Yes | - |
+| Undo & redo | Yes | - |
+| Import | Yes | - |
+| Export | Yes | - |
+| Resize / Autofit | Yes | - |
+| Clipboard | Yes | - |
+| Collaborative editing | No | - |
+| Wrap text | Yes | - |
+| Template | Yes | - |
+| Merge cells | Yes | - |
+| Show / Hide rows and columns | Yes | - |
+| Sheet customizations | Yes | - |
+| Data Validation | Yes | - |
+| Table | No | - |
+| Chart | Yes | - |
+| Image | Yes | - |
+| Conditional formatting | Yes | - |
+| Freeze Pane | Yes | - |
+| Scaling | No | - |
+| Print | Yes | - |
+| Grouping | No | - |
+| Autofill | Yes | - |
+| Auto Sum | Yes | - |
+| Format painter | No | - |
+| Cell Style | Yes | - |
+| Protection | Yes | - |
+| Find and replace | Yes | - |
+| Drag and Drop | Partially | EJ2 spreadsheet supports drag and drop of images and charts |
+| Notes | Yes | - |
+| Comments | Yes | - |
+| Pivot table | No | - |
+| Sparklines | No | - |
+| Form controls | No | - |
+| Shapes | No | - |
+| Clear | Yes | - |
+| Insert / Delete rows, columns and sheets | Yes | - |
+| Sheet Visibility | Yes | - |
+| Ribbon Customization | Yes | - |
+| Theme and style options | Yes | - |
+| Accessibility | Yes | - |
+| Touch-Friendly Interactions | Yes | - |
## See Also
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/filter.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/filter.md
index 4c809f5cf2..aa49eebe4e 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/filter.md
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/filter.md
@@ -12,27 +12,27 @@ documentation: ug
Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowFiltering) property to enable or disable filtering functionality.
-N> * The default value for `allowFiltering` property is `true`.
+> * The default value for `allowFiltering` property is `true`.
-By default, the `filter` module is injected internally into Spreadsheet to perform filtering.
+By default, the `Filter` module is injected internally into Spreadsheet to perform filtering.
## Apply filter on UI
-In the active Spreadsheet, select a range of cells to filter by value of the cell. The filtering can be done by any of the following ways:
+In the active sheet, select a range of cells to filter by value of the cell. The filtering can be done by any of the following ways:
* Select the filter item in the Ribbon toolbar.
* Right-click the sheet, select the filter item in the context menu.
-* Use the `applyFilter()` method programmatically.
+* Use the [`applyFilter`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#applyfilter) method programmatically.
* Use `Ctrl + Shift + L` keyboard shortcut to apply the filter.
-N> * Use `Alt + Up/Down` keyboard shortcut to open the filter dialog.
+> * Use `Alt + Up/Down` keyboard shortcut to open the filter dialog.
## Filter by criteria
-The `applyFilter()` method will apply the filter UI, based on the predicate and range given in the arguments.
+The [`applyFilter`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#applyfilter) method will apply the filter UI, based on the predicate and range given in the arguments.
-N> * The `beforeFilter` event will be triggered before filtering the specified range.
- * The `filterComplete` event will be triggered after the filter action is completed successfully.
+> * The [`beforeFilter`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#beforefilter) event will be triggered before filtering the specified range.
+> * The [`filterComplete`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#filtercomplete) event will be triggered after the filter action is completed successfully.
The following code example shows `filter` functionality in the Spreadsheet control.
@@ -45,8 +45,6 @@ The following code example shows `filter` functionality in the Spreadsheet contr
{% endhighlight %}
{% endtabs %}
-
-
## Filter by cell value
To apply a filter for a cell value, right-click the cell and choose filter -> `Filter By Selected Cell's Value` option from the menu. It applies the filter based on the value of the selected cell in the current sheet.
@@ -57,7 +55,7 @@ After applying filter to a certain column, you may want to clear it to make all
* Choose `Clear` option in ribbon toolbar under `Filter and Sort`. It clears the filters applied in the spreadsheet for all fields.
-* Use the `clearFilter()` method programmatically, to clear the applied filters in spreadsheet for all fields.
+* Use the [`clearFilter`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#clearfilter) method programmatically, to clear the applied filters in spreadsheet for all fields.
## Clear filter on a field
@@ -65,7 +63,7 @@ After filtering, you can clear/reset the filter for a field alone. It can be don
* Click filter icon in the column’s header and then choose `Clear Filter` option from the filter dialog.
* You can right-click on a filtered column cell and choose `Clear Filter from .` option from the context menu.
-* Use the `clearFilter(field)` method programmatically, to clear the filter in a particular column.
+* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#clearfilter) method programmatically, to clear the filter in a particular column.
## Reapply filter
@@ -81,7 +79,7 @@ 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://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.spreadsheet.spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowFiltering) property allows you to enable or disable filtering functionality through the UI. You can also use the [allowFiltering](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.spreadsheet.spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowFiltering) property and `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://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.spreadsheet.spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowFiltering) property allows you to enable or disable filtering functionality through the UI. You can also use the [`allowFiltering`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.spreadsheet.spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_AllowFiltering) property and [`applyFilter`](https://ej2.syncfusion.com/javascript/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.
The following code example shows how to get the filtered rows.
@@ -101,9 +99,14 @@ The following features have some limitations in Filter:
* Insert/delete row/column between the filter applied cells.
* Merge cells with filter.
* Copy/cut paste the filter applied cells.
+* Filter by color is not supported.
+
+## 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
* [Sorting](./sort)
* [Hyperlink](./link)
-* [Undo Redo](./undo-redo)
\ No newline at end of file
+* [Undo Redo](./undo-redo)
diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/formatting.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/formatting.md
index 7c548442fc..82565bda18 100644
--- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/formatting.md
+++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/formatting.md
@@ -7,15 +7,16 @@ control: Formatting
documentation: ug
---
-
# Formatting in ASP.NET Core Spreadsheet Control
Formatting options make your data easier to view and understand. The different types of formatting options in the Spreadsheet are,
* Number Formatting
* Text Formatting
* Cell Formatting
-* Conditional Formatting
-* Rich Text Formatting
+
+To get start quickly with Formatting, you can check on this video:
+
+{% youtube "https://www.youtube.com/watch?v=AyHLgzNq6_w" %}
## Number Formatting
@@ -36,13 +37,13 @@ Number formatting provides a type for your data in the Spreadsheet. Use the [`al
| Text | `@` | 49 |
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` method, you can set the number format to a cell or range of cells.
+* Using the [format](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/cell#format) property in `cell`, you can set the desired format to each cell at initial load.
+* Using the [`numberFormat`](https://ej2.syncfusion.com/javascript/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
-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` method.
+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/javascript/documentation/api/spreadsheet#numberformat) method.
The different types of custom number format populated in the custom number format dialog are,
@@ -86,7 +87,7 @@ 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` method, you can set your own custom number format to a cell or range of cells.
+* Using the [`numberFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#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.
@@ -100,11 +101,11 @@ The following code example shows the number formatting in cell data.
{% endhighlight %}
{% endtabs %}
-## Configure culture-based custom format
+## Configure Culture-specific Custom format
-Previously, the custom format dialog always displayed formats using the English settings (group separator, decimal separator, and currency symbol were not updated based on the applied culture). Starting from version `27.1.*`, the custom format dialog will now display formats according to the applied culture. You can select a culture-based number format from the dialog or enter your own format using the culture-specific decimal separator, group separator, and currency symbol. Then, click "Apply" to apply the culture-specific custom format to the selected cells.
+Earlier, the custom format dialog always showed formats using English settings (group separator, decimal separator, and currency symbol were not updated based on the applied culture). Starting from version **27.1.\***, the dialog now displays formats according to the applied culture. You can select a culture-based number format or enter your own format using the culture-specific decimal separator, group separator, and currency symbol. After that, click **Apply** to apply the culture-specific custom format to the selected cells.
-The spreadsheet allows customization of formats in the custom format dialog using the `configureLocalizedFormat` method. In this method, you need to pass a collection containing the default number format IDs and their corresponding format codes as arguments. Based on this collection, the custom format dialog will display the customized formats. You can refer to the [default number format IDs](https://learn.microsoft.com/en-us/dotnet/api/documentformat.openxml.spreadsheet.numberingformat?view=openxml-2.8.1) from the Excel built-in number format reference.
+The Spreadsheet supports customizing formats in the dialog using the `configureLocalizedFormat` method. In this method, you pass a collection of default number format IDs along with their corresponding format codes. The dialog will then display the customized formats. You can refer to the [default number format IDs](https://learn.microsoft.com/en-us/dotnet/api/documentformat.openxml.spreadsheet.numberingformat?view=openxml-2.8.1) from the Excel built-in number format reference.
Compared to Excel, the date, time, currency, and accounting formats vary across different cultures. For example, when an Excel file with the date format `'m/d/yyyy'` is imported in the `en-US` culture, the spreadsheet displays the date in that format. However, when the same file is imported in the German culture, the date format changes to `'dd.MM.yyyy'`, which is the default for that region. The default number format ID for the date is 14. To customize the date format based on the culture, you should map the default number format ID to the appropriate culture-specific format code, like this: `{ id: 14, code: 'dd.MM.yyyy' }` in the `configureLocalizedFormat` method.
@@ -113,35 +114,39 @@ Compared to Excel, the date, time, currency, and accounting formats vary across
The code below illustrates how culture-based format codes are mapped to their corresponding number format ID for the `German` culture.
```csharp
-List