Skip to content
Merged
Show file tree
Hide file tree
Changes from 11 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions Document-Processing/Excel/Spreadsheet/Blazor/editing.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Cell Editing in the Blazor Spreadsheet component | Syncfusion
title: Cell Editing in Blazor Spreadsheet component | Syncfusion
description: Checkout and learn here about the cell editing features in the Syncfusion Blazor Spreadsheet component and more.
platform: document-processing
control: Spreadsheet
Expand All @@ -9,7 +9,7 @@ documentation: ug

# Cell editing in the Blazor Spreadsheet component

Cell editing in the Blazor Spreadsheet component enables modification of cell content either directly within the spreadsheet or through the formula bar. This feature is enabled by default and can be controlled using the [AllowEditing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_AllowEditing) property. To disable or enable cell editing, set the value of this property accordingly.
Cell editing in the Blazor Spreadsheet component allows you to modify cell content either directly within the spreadsheet or through the formula bar. This feature is enabled by default but can be disabled by setting the [AllowEditing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_AllowEditing) property. To disable or enable cell editing, set the value of this property accordingly.

## Edit cell

Expand All @@ -20,7 +20,7 @@ Cell editing can be initiated directly through the UI using any of the following
- Use the **formula bar** to modify the cell's contents.
- Press **BACKSPACE** or **SPACE** to clear the cell and begin editing.

> For additional keyboard shortcuts related to cell editing, refer [here](./accessibility#keyboard-shortcuts).
> For additional keyboard shortcuts related to cell editing, refer to the [Keyboard Shortcuts](./accessibility#keyboard-shortcuts) documentation.

## Update cell

Expand All @@ -44,7 +44,7 @@ If a cell address is incorrectly formatted, refers to a non-existent sheet, or l
{% highlight razor %}

@using Syncfusion.Blazor.Spreadsheet

@inject HttpClient Http
<button @onclick="UpdateCell">Update Cell</button>

<SfSpreadsheet @ref=SpreadsheetRef DataSource="DataSourceBytes">
Expand Down Expand Up @@ -82,12 +82,12 @@ If a cell address is incorrectly formatted, refers to a non-existent sheet, or l

To exit edit mode without saving changes, press the **ESCAPE** key. This action restores the original content of the cell and cancels any modifications made during editing.

![Cancel Editing](./images/cell-editing.gif)
![Animation showing a user canceling a cell edit in the Blazor Spreadsheet component.](./images/cell-editing.gif)

## Cell editing in protected sheet

In a protected sheet, only the unlocked ranges can be edited based on the sheet's protection settings. Attempting to modify a locked range triggers an error message, as shown below:
In a protected sheet, only unlocked ranges can be edited based on the sheet's protection settings. Attempting to modify a locked range triggers an error message, as shown below:

![Protection Error Dialog](./images/protection-error-dialog.png)
![Error dialog indicating that a cell is protected and cannot be modified in the Blazor Spreadsheet.](./images/protection-error-dialog.png)

N> For more information on worksheet protection, refer [here](./protection).
N> For more information on worksheet protection, refer to the [Worksheet Protection](./protection) documentation.
28 changes: 14 additions & 14 deletions Document-Processing/Excel/Spreadsheet/Blazor/filtering.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

Filtering in the Blazor Spreadsheet component enables focused data analysis by displaying only the rows that meet specific criteria. This functionality helps create interactive views by hiding rows that do not match the filtering conditions. Filtering behavior is controlled using the [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_AllowFiltering) property, which is set to **true** by default.

N> When `AllowFiltering` is set to **false**, filtering options are disabled in the ribbon and removed from the context menu. API methods related to filtering will also be inactive. Additionally, if the worksheet is protected, the filtering feature is disabled. For more information on worksheet protection, refer [here](./protection#protect-sheet).
N> When `AllowFiltering` is set to **false**, filtering options are disabled in the ribbon and removed from the context menu. API methods related to filtering will also be inactive. Additionally, if the worksheet is protected, the filtering feature is disabled. For more information, refer to the [Worksheet Protection](./protection#protect-sheet) documentation.

Filtering can be accessed through the user interface using the following method:

Expand All @@ -31,7 +31,7 @@ The filter dialog appears when clicking on a column's filter icon and provides t

* **Sort options** - Provides commands for sorting data in **Ascending** or **Descending** order.
* **Clear filter** - Removes any filtering applied to the selected column.
* **Data type-specific filters** - Displays sub menus tailored to the column's content type, such as **Text Filters**, **Number Filters**, or **Date Filters**.
* **Data type-specific filters** - Displays submenu tailored to the column's content type, such as **Text Filters**, **Number Filters**, or **Date Filters**.
* **Search box** - Enables quick lookup of values within the filter list.
* **Select All** checkbox - Toggles the selection of all available values in the column.
* **Value** checkboxes - Lists individual checkboxes for each unique value found in the column.
Expand Down Expand Up @@ -66,13 +66,13 @@ Number filters provide specialized filtering options for columns containing nume

| Operator | Description |
| -- | -- |
| Equal | Displays rows where the cell value exactly match the specified number. |
| Equal | Displays rows where the cell value exactly matches the specified number. |
| Not Equal | Displays rows where the cell value does not match the specified number. |
| Less Than | Displays rows where the cell value is less than the specified number. |
| Less Than Or Equal | Displays rows where the cell value is less than or equal to the specified number. |
| Greater Than | Displays rows where the cell value is greater than the specified number. |
| Greater Than Or Equal | Displays rows where the cell value falls within a specified numeric range. |
| Between | Displays rows with cell values that include the specified text. |
| Greater Than Or Equal | Displays rows where the cell value is greater than or equal to the specified number. |
| Between | Displays rows where the cell value falls within a specified numeric range. |
| Custom Filter | Opens a dialog for defining advanced numeric filter conditions. This dialog allows the combination of multiple criteria using logical operators such as **AND** and **OR**. Each condition can be configured using numeric comparison operators and custom values, enabling flexible and targeted filtering of numerical data. |

![Number filter](./images/number-filter.png)
Expand All @@ -83,10 +83,10 @@ The date filters provide specialized filtering options for columns containing da

| Operator | Description |
| -- | -- |
| Equal | Displays rows where the cell value exactly match the specified value. |
| Not Equal | Displays rows where the cell value does not match the specified value. |
| Less Than | Displays rows where the date is earlier than the specified value. |
| Greater Than | Displays rows where the date is later than the specified value. |
| Equal | Displays rows where the cell value exactly matches the specified date. |
| Not Equal | Displays rows where the cell value does not match the specified date. |
| Less Than | Displays rows where the date is earlier than the specified date. |
| Greater Than | Displays rows where the date is later than the specified date. |
| Between | Displays rows where the date falls within a defined date range. |
| This Month | Filters rows where the date falls within the current calendar month. |
| Last Month | Filters rows where the date falls within the previous calendar month. |
Expand Down Expand Up @@ -353,11 +353,11 @@ The [ClearAllFiltersAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blaz

## Reapply filter

The reapply filter updates filtered results after changes are made to the data. It preserves the existing filter conditions and refreshes the view to reflect the most current data accurately.
Reapplying filters updates the filtered results after changes are made to the data. It preserves the existing filter conditions and refreshes the view to reflect the most current data accurately.

For instance, if a filter is applied to display only rows where the **Status** column is set to **Approved**, and a new row is added with **Approved** as its value, the new row will not immediately appear. Using **Reapply Filter** recalculates the filter and ensures the new row is included in the filtered results.

### Reapply filter via UI
### Reapply filters via UI

Filters can be reapplied using the interface through the following methods:

Expand All @@ -378,9 +378,9 @@ Filters can be reapplied using the interface through the following methods:

![Reapply filter using Context Menu](./images/clearfilter-option-contextmenu.png)

### Reapply filter programmatically
### Reapply filters programmatically

The [ReapplyFilterAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_ReapplyFiltersAsync) method refreshes all active filters to match updated worksheet data. This method is especially beneficial when rows are modified, inserted, or imported.
The [ReapplyFiltersAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_ReapplyFiltersAsync) method refreshes all active filters to match updated worksheet data. This method is especially beneficial when rows are modified, inserted, or imported.

{% tabs %}
{% highlight razor tabtitle="Index.razor" %}
Expand Down Expand Up @@ -426,4 +426,4 @@ When applying filters in the Blazor Spreadsheet, validation messages are display

- **Multiple selection range validation** - If multiple ranges are selected for filtering, the selection is considered invalid. A **Multiple selection range** alert message is shown to highlight this limitation.

![Multiple ranges validation message](./images/multi-range-validation.png)
![Multiple ranges validation message](./images/multi-range-validation.png)
46 changes: 23 additions & 23 deletions Document-Processing/Excel/Spreadsheet/Blazor/formulas.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,37 +7,37 @@ control: Spreadsheet
documentation: ug
---

# Formulas in Blazor Spreadsheet component
# Formulas in Blazor Spreadsheet Component

**Formulas** enable calculations within a worksheet by referencing cells from either the same worksheet or other worksheets in the workbook.

## Formula Bar

The **Formula Bar** simplifies editing or entering cell data. The [ShowFormulaBar](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_ShowFormulaBar) property is used to enable or disable the **Formula Bar**. The default value of the `ShowFormulaBar` property is **true**.

### Working with Formulas via the UI
### Working With Formulas via The UI

Formulas in the Syncfusion Blazor Spreadsheet can be accessed and inserted using the following methods:

* Select **Insert Function** from the **Formulas** tab in the Ribbon toolbar. In the **Insert Function** dialog, choose a category, then select the desired function to insert it into the selected cell.
* Select **Insert Function** from the **Formulas** tab in the Ribbon toolbar. In the **Insert Function** dialog, choose a category, then select the desired function to insert it into the selected cell.

![Insert Function Dialog](./images/insert-formula.gif)
![Insert Function Dialog](./images/insert-formula.gif)

* Type **(=)** in a cell or the **Formula Bar** to display a list of available functions. Select a function from the list to insert it into the cell.
* Type **(=)** in a cell or the **Formula Bar** to display a list of available functions. Select a function from the list to insert it into the cell.

![Formulas Intellisense](./images/formula-cell.gif)
![Formulas Intellisense](./images/formula-cell.gif)

* Click the **Insert Function** button next to the **Formula Bar** to open the **Insert Function** dialog, which provides the same categorized function list and insertion options as the Ribbon toolbar.
* Click the **Insert Function** button next to the **Formula Bar** to open the **Insert Function** dialog, which provides the same categorized function list and insertion options as the Ribbon toolbar.

![Insert Function Button](./images/insert-function.gif)
![Insert Function Button](./images/insert-function.gif)

## Calculation Mode

The Spreadsheet includes **Calculation Option** functionality, similar to Excel's calculation settings, which controls when and how formulas are recalculated. The available modes are:

* **Automatic**: Formulas recalculate instantly when any dependent cell changes.
* **Automatic**: Formulas recalculate instantly when any dependent cell changes.

* **Manual**: Formulas recalculate only when explicitly triggered using the **Calculate Sheet** or **Calculate Workbook** options.
* **Manual**: Formulas recalculate only when explicitly triggered using the **Calculate Sheet** or **Calculate Workbook** options.

### Automatic

Expand All @@ -61,43 +61,43 @@ If cell **C1** contains the formula **=A1 + B1**, and the value in **A1** or **B

## Named Ranges

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some places headings were added in Pascal Case. in some places headings were added with Sentence case, make this as proper for all heading. Either use Pascal Case or Sentence case

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

changes updated

The **Named Ranges** support allows to assign a meaningful name to a specific cell or range of cells. This simplifies referencing and managing data within the Spreadsheet. Named Ranges can also be used in formulas, making them easier to read, understand, and maintain.
The **Named Ranges** support allows you to assign a meaningful name to a specific cell or range of cells. This simplifies referencing and managing data within the Spreadsheet. Named Ranges can also be used in formulas, making them easier to read, understand, and maintain.

N> Named Ranges can be defined only for cells or ranges that contain values.

### Creating Named Ranges via the UI
### Creating Named Ranges via The UI

**Named Ranges** can be created using the following methods:

* Select the desired range of cells and enter a name in the **Name Box**.
* Select the desired range of cells and enter a name in the **Name Box**.

* Select the range of cells, then click the **Name Manager** button in the Ribbon toolbar under the **Formulas** tab.
* Select the range of cells, then click the **Name Manager** button in the Ribbon toolbar under the **Formulas** tab.

![Name Manager Dialog](./images/named-range.gif)
![Name Manager Dialog](./images/named-range.gif)

### Editing or Deleting Named Ranges
### Editing Or Deleting Named Ranges

**Named Ranges** are managed through the **Name Manager** dialog, which supports editing and deletion.

To edit a Named Range:

* Open the **Name Manager** dialog.
* Open the **Name Manager** dialog.

* Select the Named Range to be edited.
* Select the Named Range to be edited.

* Click the **Edit** icon.
* Click the **Edit** icon.

* Modify the name, range, or scope as needed.
* Modify the name, range, or scope as needed.

* Click the **Update Range** button, then click **OK** button to save changes.

To delete a Named Range:

* Open the **Name Manager** dialog.
1. Open the **Name Manager** dialog.

* Select the Named Range to be deleted.
2. Select the Named Range to be deleted.

* Click the **Delete** icon, then click **OK** button to confirm.
3. Click the **Delete** icon, then click the **OK** button to confirm.

N> Deleting a Named Range used in formulas may cause formula errors. Ensure the Named Range is not referenced before deleting it.

Expand Down