Skip to content
Open
Show file tree
Hide file tree
Changes from all 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
2 changes: 1 addition & 1 deletion Document-Processing/Excel/Spreadsheet/Angular/clipboard.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ It is used to paste the clipboard data to the selected range, rows or columns. Y
* `Paste Special` - You can paste the values with formatting.
* `Paste` - You can paste only the values without formatting.

It also supports external clipboard operations. If you perform cut and paste, clipboard data will be cleared, whereas in copy and paste the clipboard contents will be maintained. If you perform paste inside the copied range, the clipboard data will be cleared.
It also supports external clipboard operations. If you perform cut and paste, the clipboard data will be cleared, whereas in copy and paste the clipboard contents will be maintained. If you perform paste inside the copied range, the clipboard data will be cleared.

**User Interface**:

Expand Down
6 changes: 3 additions & 3 deletions Document-Processing/Excel/Spreadsheet/Angular/data-binding.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Data binding in Angular Spreadsheet component

The Spreadsheet uses [DataManager](https://helpej2.syncfusion.com/angular/documentation/data), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) or JavaScript object array collection.
The Spreadsheet uses [DataManager](https://ej2.syncfusion.com/angular/documentation/data), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [DataManager](https://ej2.syncfusion.com/angular/documentation/data) or JavaScript object array collection.

> To bind data to a cell, use `cell data binding` support.

Expand All @@ -31,7 +31,7 @@ Refer to the following code example for local data binding.

{% previewsample "/document-processing/samples/spreadsheet/angular/local-data-binding-cs1" %}

> The local data source can also be provided as an instance of the [DataManager](https://helpej2.syncfusion.com/angular/documentation/data). By default, [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/angular/documentation/data/adaptors#json-adaptor) for local data-binding.
> The local data source can also be provided as an instance of the [DataManager](https://ej2.syncfusion.com/angular/documentation/data). By default, [DataManager](https://ej2.syncfusion.com/angular/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/angular/documentation/data/adaptors#json-adaptor) for local data-binding.

### Customizing column data mapping

Expand All @@ -55,7 +55,7 @@ The following code example demonstrates how to customize the mapping of column d

## Remote data

To bind remote data to the Spreadsheet control, assign service data as an instance of [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`.
To bind remote data to the Spreadsheet control, assign service data as an instance of [DataManager](https://ej2.syncfusion.com/angular/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`.

Refer to the following code example for remote data binding.

Expand Down
12 changes: 6 additions & 6 deletions Document-Processing/Excel/Spreadsheet/Angular/formulas.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Formulas in Angular Spreadsheet component | Syncfusion
description: Learn here all about Formulas in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Formulas
control: Formulas
documentation: ug
---

Expand Down Expand Up @@ -62,7 +62,7 @@ The following code example shows an unsupported formula in the spreadsheet.

{% previewsample "/document-processing/samples/spreadsheet/angular/formula-cs1" %}

Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#computeexpression) method. This method will work for both built-in and used-defined/custom formula.
Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#computeexpression) method. This method will work for both built-in and user-defined/custom formula.

The following code example shows how to use `computeExpression` method in the spreadsheet.

Expand All @@ -84,7 +84,7 @@ Formula bar is used to edit or enter cell data in much easier way. By default, t

## Named Ranges

You can define a meaningful name for a cell range and use it in the formula for calculation. It makes your formula much easier to understand and maintain. You can add named ranges to the Spreadsheet in the following ways,
You can define a meaningful name for a cell range and use it in a formula for calculation. Named ranges make formulas much easier to understand and maintain. You can add named ranges to the Spreadsheet in the following ways:

* Using the [`definedNames`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#definednames) collection, you can add multiple named ranges at initial load.
* Use the [`addDefinedName`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddefinedname) method to add a named range dynamically.
Expand Down Expand Up @@ -118,7 +118,7 @@ You can configure the calculate mode using the [`calculationMode`](https://ej2.s

In Automatic Mode, formulas are recalculated instantly whenever a dependent cell is modified. This mode is perfect for scenarios where real-time updates are essential, ensuring that users see the latest results without additional actions.

For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. You can enable this mode by setting the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#calculationmode) property to `Automatic`.
For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. To enable this mode, set the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#calculationmode) property to `Automatic`.

The following code example demonstrates how to set the Automatic calculation mode in a Spreadsheet.

Expand All @@ -138,7 +138,7 @@ The following code example demonstrates how to set the Automatic calculation mod

In Manual Mode, formulas are not recalculated automatically when cell values are modified. Instead, recalculations must be triggered explicitly. This mode is ideal for scenarios where performance optimization is a priority, such as working with large datasets or computationally intensive formulas.

For example, imagine a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, the value in `C1` will not update automatically. Instead, the recalculation must be initiated manually using either the `Calculate Sheet` or `Calculate Workbook` option. To manually initiate recalculation, the Spreadsheet provides two options:
For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, the value in `C1` will not update automatically. Instead, the recalculation must be initiated manually using either the `Calculate Sheet` or `Calculate Workbook` option. To manually initiate recalculation, the Spreadsheet provides two options:

* `Calculate Sheet`: Recalculates formulas for the active sheet only.
* `Calculate Workbook`: Recalculates formulas across all sheets in the workbook.
Expand All @@ -159,7 +159,7 @@ The following code example demonstrates how to set the Manual calculation mode i

## Supported Formulas

The list of supported formulas can be find in following [`link`](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/formulas#supported-formulas).
The list of supported formulas can be found in the following [`link`](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/formulas#supported-formulas).

## Formula Error Dialog

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Freeze pane in Angular Spreadsheet component | Syncfusion
description: Learn here all about Freeze pane in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Freeze pane
control: Freeze pane
documentation: ug
---

Expand Down
18 changes: 9 additions & 9 deletions Document-Processing/Excel/Spreadsheet/Angular/global-local.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

## Localization

The [Localization](https://helpej2.syncfusion.com/angular/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`]https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#locale) value and translation object.
The [Localization](https://ej2.syncfusion.com/angular/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`]https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#locale) value and translation object.

The following list of properties and their values are used in the Spreadsheet.

Expand Down Expand Up @@ -189,10 +189,10 @@ UnprotectSheet | Unprotect Sheet
SelectCells | Select cells
FormatCells | Format cells
FormatRows | Format rows
Format Columns | Format columns
FormatColumns | Format columns
InsertLinks | Insert links
ProtectContent | Protect the contents of locked cells
ProtectAllowUser | Allow all users of this worksheet to |
ProtectAllowUser | Allow all users of this worksheet to
EditAlert | The cell you're trying to change is protected. To make a change, unprotect the sheet.
FindReplaceTooltip | Find & Replace
InsertingEmptyValue | Reference value is not valid.
Expand All @@ -212,7 +212,7 @@ SearchWithin | Search within
SearchBy | Search by
Reference | Reference
Workbook | Workbook
NoElements | We couldnt find what you were looking for.
NoElements | We couldn't find what you were looking for.
FindWhat | Find what
ReplaceWith | Replace with
EnterValue | Enter Value
Expand All @@ -238,7 +238,7 @@ EqualTo | Equal to
NotEqualTo | Not equal to
Greaterthan | Greater than
Lessthan | Less than
GreaterThanOrEqaulTo | Greater than or eqaul to
GreaterThanOrEqualTo | Greater than or equal to
LessThanOrEqualTo | Less than or equal to
InCellDropDown | In-cell-dropdown
Sources | Sources
Expand Down Expand Up @@ -361,7 +361,7 @@ VerticalAxisTitle | Vertical Axis Title
HorizontalAxisTitle | Horizontal Axis Title
EnterTitle | Enter Title
ProtectWorkbook | Protect Workbook
Password | Password (optional) |
Password | Password (optional)
unProtectPassword | Password
EnterThePassword | Enter the password
ConfirmPassword | Confirm Password
Expand All @@ -376,7 +376,7 @@ IsProtected | is protected

### Loading translations

To load translation object in an application, use [`load`](https://helpej2.syncfusion.com/angular/documentation/common/globalization/internationalization#loading-cldr-json-data) function of the [`L10n`](https://helpej2.syncfusion.com/angular/documentation/common/globalization/internationalization) class.
To load translation object in an application, use [`load`](https://ej2.syncfusion.com/angular/documentation/common/globalization/internationalization#loading-cldr-json-data) function of the [`L10n`](https://ej2.syncfusion.com/angular/documentation/common/globalization/internationalization) class.

The following example demonstrates the Spreadsheet in `French` culture. In the below sample we have translated the ribbon tab names and Home tab content (clipboard, cell style).

Expand All @@ -394,7 +394,7 @@ The following example demonstrates the Spreadsheet in `French` culture. In the b

## Internationalization

The Internationalization library is used to globalize number, date, and time values in the spreadsheet component.
The Internationalization library is used to globalize number, date, and time values in the Spreadsheet component.

For importing json files in your application, you need to include the json-typings.d.ts file.

Expand Down Expand Up @@ -443,4 +443,4 @@ You can refer to our [Angular Spreadsheet Editor](https://www.syncfusion.com/spr

## See Also

* [Localization](https://helpej2.syncfusion.com/angular/documentation/common/globalization/localization)
* [Localization](https://ej2.syncfusion.com/angular/documentation/common/globalization/localization)
26 changes: 13 additions & 13 deletions Document-Processing/Excel/Spreadsheet/Angular/illustrations.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
---
---
layout: post
title: Illustrations in Angular Spreadsheet component | Syncfusion
description: Learn here all about Illustrations in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
Expand All @@ -19,17 +19,17 @@ Adding images to a spreadsheet can enhance the visual appeal and help to convey

### Insert Image

You can insert the image by using one of the following ways,
You can insert an image in one of the following ways:

* Selecting the Insert tab in the Ribbon toolbar, and then choose the Image tab.
* Use the `insertImage()` method programmatically.

The available parameters in `insertImage()` method are,
The available parameters in `insertImage()` method are:

| Parameter | Type | Description |
|-----|------|----|
| images | `ImageModel` | Specifies the options to insert image in spreadsheet. |
| range(optional) | `string` | Specifies the range in spreadsheet. |
| images | `ImageModel` | Specifies the options to insert an image in the spreadsheet. |
| range(optional) | `string` | Specifies the range in the spreadsheet. |

The available arguments in `ImageModel` are:

Expand All @@ -47,12 +47,12 @@ The available arguments in `ImageModel` are:
* If you want to delete the image, just select the image, and then press the Delete key.
* Use the `deleteImage()` method programmatically.

The available parameters in `deleteImage()` method are,
The available parameters in `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. |
| range(optional) | `string` | Specifies the range in the spreadsheet. |

### Image Customization

Expand Down Expand Up @@ -95,7 +95,7 @@ A chart is a graphical representation of data, that organizes and represents a s

### Types of chart

The following types of charts are available in the Spreadsheet.
The following chart types are available in the Spreadsheet:

>* Column Chart
>* Bar Chart
Expand All @@ -106,18 +106,18 @@ The following types of charts are available in the Spreadsheet.

### Insert Chart

You can insert the chart by using one of the following ways,
You can insert a chart in one of the following ways:

* Select the chart icon in the Ribbon toolbar under the Insert Tab.
* Use the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method programmatically.

The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method is,
The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#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:
The available arguments in `ChartModel` are:

* type: Specifies the type of chart.
* theme: Specifies the theme of a chart.
Expand Down Expand Up @@ -169,7 +169,7 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca

{% previewsample "/document-processing/samples/spreadsheet/angular/chart-cs1" %}

#### Customization of line chart markers
#### Customization of Line Chart Markers

Using the [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. In the following example, you can see the modified marker appearance, such as shape and size, while creating the line chart with UI interaction.

Expand Down Expand Up @@ -202,4 +202,4 @@ You can refer to our [Angular Spreadsheet Editor](https://www.syncfusion.com/spr
* [Formatting](./formatting)
* [Rows and columns](./rows-and-columns)
* [Hyperlink](./link)
* [Sorting](./sort)
* [Sorting](./sort)
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Keyboard shortcuts in Angular Spreadsheet component | Syncfusion
description: Learn here all about Keyboard shortcuts in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Keyboard shortcuts
control: Keyboard shortcuts
documentation: ug
---

Expand Down
2 changes: 1 addition & 1 deletion Document-Processing/Excel/Spreadsheet/Angular/link.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ In the Edit Link dialog box, make the changes that you want, and click UPDATE.

## Remove Hyperlink

Performing this operation remove a single hyperlink without losing the display text.
Removing a hyperlink clears the link from a cell without losing the display text.

**User Interface**:

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@ layout: post
title: Mobile responsiveness in Angular Spreadsheet component | Syncfusion
description: Learn here all about Mobile responsiveness in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Mobile responsiveness
control: Mobile responsiveness
documentation: ug
---

# Mobile responsiveness in Angular Spreadsheet component

The Spreadsheet control rendered in desktop mode will be adaptive in all mobile devices where the layout gets adjusted based on their parent element’s dimensions to accommodate any resolution.

You can see the overflowed items of ribbon header, ribbon content, and sheet tab using touch and swipe action. The right navigation arrow is added at the end of the ribbon content through which the user can navigate towards overflowed items. Once you reached the rightmost end of the ribbon content, the right navigation arrow will change to left navigation arrow through which you can navigate to the left of the ribbon content.
You can see the overflowed items of the ribbon header, ribbon content, and sheet tab using touch and swipe actions. A right navigation arrow is added at the end of the ribbon content through which the user can navigate towards overflowed items. Once you reach the rightmost end of the ribbon content, the right navigation arrow changes to a left navigation arrow through which you can navigate to the left of the ribbon content.

![Spreadsheet Adaptive Mode](./images/spreadsheet_adaptive_mode.gif)

Expand Down
2 changes: 1 addition & 1 deletion Document-Processing/Excel/Spreadsheet/Angular/notes.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Notes in Angular Spreadsheet component | Syncfusion
description: Learn here all about the notes feature in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Notes
control: Notes
documentation: ug
---

Expand Down
Loading