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
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ layout: post
title: Accessibility in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about Accessibility in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Accessibility
control: Accessibility
documentation: ug
---

# Accessibility in EJ2 TypeScript Spreadsheet control

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 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 accessibility compliance for the Spreadsheet control is outlined below.

Expand Down Expand Up @@ -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 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.

| Press | To do this |
|----------|-------------|
Expand All @@ -76,17 +76,17 @@ The Spreadsheet control followed the [keyboard interaction](https://www.w3.org/W
| Shift + Home | Extend the cell selection to the first column of a worksheet. |
| Ctrl + Shift + Home | Extend the selection of cells to the beginning of the worksheet. |
| Ctrl + End | Move to the last cell on a worksheet, right most last column and last row cell. |
| Page Up | Move page up. |
| Page Up | Move page up. |
| Page Down | Move page down. |
| Shift + Page Up | Perform page up by selecting all cells between. |
| Shift + Page Down | Perform page down by selecting all cells between. |
| Ctrl + Up | Navigate to the non-blank cell before the active cell in the same column. |
| Ctrl + Down | Navigate to the last non-blank cell in the same column as the active cell. |
| Ctrl + Left | Navigate to the non-blank cell before the active cell in the same row. |
| Ctrl + Right | Navigate to the last non-blank cell in the same row as the active cell. |
| Shift + Up | Extend the selection of cells to the previous row. |
| Shift + Down | Extend the selection of cells to the next row. |
| Shift + Left | Extend the selection of cells to the previous column. |
| Shift + Up | Extend the selection of cells to the previous row. |
| Shift + Down | Extend the selection of cells to the next row. |
| Shift + Left | Extend the selection of cells to the previous column. |
| Shift + Right | Extend the selection of cells to the next column. |
| Ctrl + Shift + Up | Extend the cell selection to the previous non-blank cell in the same column as the active cell. |
| Ctrl + Shift + Down | Extend the cell selection to the last non-blank cell in the same column as the active cell. |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -171,7 +171,7 @@ http://localhost:3000/api/AIAssist/Chat

## Connect to the TypeScript Spreadsheet

Once the server is listening, Configure the `requestUrl` inside [`aiAssistSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#aiassistsettings) to point to the server endpoint:
Once the server is running, configure the `requestUrl` inside [`aiAssistSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#aiassistsettings) so it points to the server endpoint:

{% tabs %}
{% highlight ts tabtitle="app.ts" %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: AI Assist Web API Server Setup in TypeScript Spreadsheet | Syncfusion
description: Learn how to set up and connect an ASP.NET Core Web API server for the AI Assist feature in the Syncfusion TypeScript Spreadsheet control.
platform: document-processing
control: AI Assist Web API Server Setup
control: Spreadsheet
documentation: ug
---

Expand Down Expand Up @@ -193,15 +193,15 @@ Run the following command to start the Web API server:
dotnet run
```

The server runs on `https://localhost:{port}` (as defined in `launchSettings.json`). Update the AI Assist endpoint like below:
The server runs on `https://localhost:{port}` (as defined in `launchSettings.json`). Update the AI Assist endpoint as below:

```
https://localhost:{port}/api/AIAssist/Chat
```

## Connect to the TypeScript Spreadsheet

Once the server is listening, Configure the `requestUrl` inside [`aiAssistSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#aiassistsettings) to point to the server endpoint:
Once the server is listening, configure the `requestUrl` inside [`aiAssistSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#aiassistsettings) to point to the server endpoint:

{% tabs %}
{% highlight ts tabtitle="app.ts" %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ spreadsheet.appendTo('#element');

This enables the AI Assist into the spreadsheet.

### Configure AI Assist Settings
### Configure the AI Assist Settings

Use the [`aiAssistSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#aiassistsettings) property to connect spreadsheet to the backend server and customize the AI Assist.

Expand Down Expand Up @@ -113,7 +113,7 @@ Your Spreadsheet is now integrated with AI Assist and ready to use.

### Undo an AI Action

All actions performed by AI Assist are recorded in the spreadsheet's undo/redo history. Press Ctrl+Z to revert any change made by the AI, just like a manual edit.
All actions performed by AI Assist id recorded in the spreadsheet's undo/redo history. Press Ctrl+Z to revert any change made by the AI, just like a manual edit.

### How to Customize the Request Before Sending

Expand Down Expand Up @@ -169,7 +169,7 @@ spreadsheet.appendTo('#element');

### Troubleshoot server connection issues

If the AI panel displays an error message:
If the AI panel displays an error message, work through the following checks in order:

1. Verify the server is running
* Confirm your Node.js or Web API server is active
Expand Down Expand Up @@ -215,9 +215,9 @@ Type your request in plain English — no formulas or technical knowledge needed

| What to say | What it does |
|---|---|
| *"Can you give me a summary of this sheet?"* | Reviews your data and highlights key trends and totals |
| *"What are the top 5 rows by sales?"* | Picks out the highest-performing records from your data |
| *"Generate a full report for this sheet"* | Creates a structured report with KPIs, top records, and chart suggestions |
| *"Can you give me a summary of this sheet?"* | Reviews your data and highlights key trends and totals. |
| *"What are the top 5 rows by sales?"* | Picks out the highest-performing records from your data. |
| *"Generate a full report for this sheet"* | Creates a structured report with KPIs, top records, and chart suggestions. |

#### Data Operations

Expand Down Expand Up @@ -249,10 +249,10 @@ Type your request in plain English — no formulas or technical knowledge needed

| What to say | What it does |
|---|---|
| *"Add two blank rows above row 5"* | Inserts two new rows at that position |
| *"Remove column C"* | Deletes the entire column from the sheet |
| *"Combine cells A1 to C1 into one"* | Merges the range into a single cell |
| *"Keep the first two rows visible when I scroll down"* | Freezes the top rows so they stay in place |
| *"Add two blank rows above row 5"* | Inserts two new rows at that position. |
| *"Remove column C"* | Deletes the entire column from the sheet. |
| *"Combine cells A1 to C1 into one"* | Merges the range into a single cell. **Selection.** |
| *"Keep the first two rows visible when I scroll down"* | Freezes the top rows so they stay in place. |

#### Navigation

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ AI Assist supports a wide range of spreadsheet operations through natural langua
| **Formatting** | Apply styles such as bold, italic, font color, background color, number formats, and wrap text. |
| **Structure Management** | Insert/delete rows and columns, merge cells, and freeze panes. |
| **Clipboard Actions** | Perform cut, copy, and paste operations through AI commands. |
| **Navigation** | Perform sorting, filtering, and find & replace operations. |
| **Navigation** | Perform sorting, filtering, and find and replace operations. |
| **Visualization** | Insert charts with multiple types, themes, titles, and sizing options. |

### Writing Effective Prompts
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
layout: post
title: Ej1 api migration in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about Ej1 api migration in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
title: EJ1 API migration in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about EJ1 API migration in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2.
platform: document-processing
control: Ej1 api migration
control: EJ1 API migration
documentation: ug
---

Expand Down Expand Up @@ -107,7 +107,7 @@ This article describes the API migration process of the Spreadsheet component fr
|--------- | ----------- | ----------- |
| Enables or disables the find & replace feature | **Property:** *allowSearching* <br><br>`new ej.Spreadsheet($("#sheet"), { allowSearching: true });`| **Property:** *allowFindAndReplace* <br><br>`new Spreadsheet({ allowFindAndReplace: true });`|
| Find the next occurrence of the given value | **Method:** *XLSearch.findNext* <br><br>`let xlObj = $("#sheet").data("ejSpreadsheet"); xlObj.XLSearch.findNext("g", {isCSen: false, isEMatch: false, type: "value", mode: "sheet", searchBy: "rows"}, 1);`| **Method:** *find* <br><br>`let ssObj: Spreadsheet = document.getElementById("sheet").ej2_instances[0];`<br>`ssObj.find({ value: "Jenna Schoolfield", sheetIndex: 1, findOpt: "next", mode: "Sheet", isCSen: false, isEMatch: false, searchBy: "By Row" });`|
| Find the previous occurrence of the given value | **Method:** *XLSearch.findPrevious* <br><br>`let xlObj = $("#sheet").data("ejSpreadsheet"); xlObj.XLSearch.findPrevious("g", {isCSen: true, isEMatch: false, type: "value", mode: "sheet", searchBy: "columns"}, 1);`| **Method:** *find* <br><br>`let ssObj: Spreadsheet = document.getElementById("sheet").ej2_instances[0];`<br>`ssObj.find({ value: "Jenna Schoolfield", sheetIndex: 1, findOpt: "previous", mode: "Sheet", isCSen: false, isEMatch: false, searchBy: "By Row" });`|
| Find the previous occurrence of the given value | **Method:** *XLSearch.findPrevious* <br><br>`let xlObj = $("#sheet").data("ejSpreadsheet"); xlObj.XLSearch.findPrevious("g", {isCSen: true, isEMatch: false, type: "value", mode: "sheet", searchBy: "columns"}, 1);`| **Method:** *find* <br><br>`let ssObj: Spreadsheet = document.getElementById("sheet").ej2_instances[0];`<br>`ssObj.find({ value: "Jenna Schoolfield", sheetIndex: 1, findOpt: "previous", mode: "Sheet", isCSen: false, isEMatch: false, searchBy: "By Row" });`|
| Find and replace all the data by sheet | **Method:** *XLSearch.replaceAllBySheet* <br><br>`let xlObj = $("#sheet").data("ejSpreadsheet"); xlObj.XLSearch.replaceAllBySheet("Sheet", "Spreadsheet", true, false);`| **Method:** *replace* <br><br>`let ssObj: Spreadsheet = document.getElementById("sheet").ej2_instances[0];`<br>`ssObj.replace({replaceValue: 'new value', mode: 'Sheet', replaceBy: 'replaceAll', value: '10'});`|
| Find and replace all the data by workbook | **Method:** *XLSearch.replaceAllByBook* <br><br>`let xlObj = $("#sheet").data("ejSpreadsheet"); xlObj.XLSearch.replaceAllByBook("Sheet", "Spreadsheet", true, false);`| **Method:** *replace* <br><br>`let ssObj: Spreadsheet = document.getElementById("sheet").ej2_instances[0];`<br>`ssObj.replace({replaceValue: 'new value', mode: 'Workbook', replaceBy: 'replaceAll', value: '10'});`|

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

Expand All @@ -12,7 +12,7 @@ documentation: ug
## Localization

The [`Localization`](https://ej2.syncfusion.com/documentation/common/localization) library allows you to localize the default text content of the Spreadsheet. The Spreadsheet 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/documentation/api/spreadsheet/#locale) value and translation object.
[`locale`](https://ej2.syncfusion.com/documentation/api/spreadsheet#locale) value and translation object.

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

Expand Down Expand Up @@ -137,7 +137,7 @@ RADIANS | Converts degrees into radians.
MATCH | Returns the relative position of a specified value in the given range.
DefineNameExists | This name already exists try a different name.
CircularReference | When a formula refers to one or more circular references this may result in an incorrect calculation.
ShowRowsWhere | Show rows where |
ShowRowsWhere | Show rows where
CustomFilterDatePlaceHolder | Choose a date
CustomFilterPlaceHolder | Enter the value
CustomFilter | Custom Filter
Expand Down Expand Up @@ -197,12 +197,12 @@ 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.
ByRow | By Row
ByRow | By Row
ByColumn | By Column
MatchExactCellElements | Match Exact Cell Contents
EntercellAddress | Enter Cell Address
FindAndReplace | Find and Replace
ReplaceAllEnd | matches replaced with.
ReplaceAllEnd | matches replaced with.
FindNextBtn | Find Next
FindPreviousBtn | Find Previous
ReplaceBtn | Replace
Expand Down Expand Up @@ -239,7 +239,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 @@ -362,7 +362,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 Down Expand Up @@ -411,7 +411,7 @@ The following example demonstrates the Spreadsheet in French [`fr-CH`] culture.

## Right to left (RTL)

RTL provides an option to switch the text direction and layout of the Spreadsheet component from right to left. It improves the user experiences and accessibility for users who use right-to-left languages (Arabic, Farsi, Urdu, etc.). To enable RTL Spreadsheet, set the [`enableRtl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enablertl) to true.
RTL provides an option to switch the text direction and layout of the Spreadsheet component from right to left. It improves the user experience and accessibility for users who use right-to-left languages (Arabic, Farsi, Urdu, etc.). To enable RTL Spreadsheet, set the [`enableRtl`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enablertl) to true.

{% tabs %}
{% highlight ts tabtitle="index.ts" %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ layout: post
title: Change active sheet in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about changing active sheet index when import a file in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Spreadsheet
control: Spreadsheet
documentation: ug
---

# Changing the active sheet in EJ2 TypeScript Spreadsheet control

You can change the active sheet of imported file by updating [`activeSheetIndex`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#opencomplete) event.
You can change the active sheet of imported file by updating [`activeSheetIndex`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#activesheetindex) property on the [`openComplete`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#opencomplete) event.

The following code example shows how to set the active sheet when importing an Excel file.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Create a object structure in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about Create a object structure in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
title: Create an object structure in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn how to about Create a object structure in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Create a object structure
control: Create an object structure
documentation: ug
---

# Create a object structure in EJ2 TypeScript Spreadsheet control

This topic guides you to construct a JSON structure that can be passed to the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to render the spreadsheet. The JSON structure is an object with the key as `Workbook` and the [`properties`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#properties) of the spreadsheet as value.
This topic guides you to construct a JSON structure that can be passed to the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method to render the spreadsheet. The JSON structure is an object with the key as `Workbook` and the [`properties`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#properties) of the spreadsheet as value.

```js
{ Workbook: {} }
Expand All @@ -19,7 +19,7 @@ The following properties are the root level properties of the `Workbook` object.

| Property | Type | Description |
|-------|-------|-------|
| activeSheetIndex | number | Specifies active sheet index in the workbook. |
| activeSheetIndex | number | Specifies the active sheet index in the workbook. |
| sheets | `Sheet[]` | Contains a list of sheet properties. |
| definedNames | `DefineName[]` | Specifies the name for a range and uses it in the formula for calculation. |

Expand Down
Loading