diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/clipboard.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/clipboard.md index afd28cdee7..cd18cdee63 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/clipboard.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/clipboard.md @@ -1,17 +1,17 @@ --- layout: post -title: Clipboard in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Clipboard in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Clipboard in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Clipboard in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Clipboard +control: Clipboard documentation: ug --- -# Clipboard in EJ2 Javascript Spreadsheet control +# Clipboard in EJ2 JavaScript Spreadsheet control -The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet. +The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#enableclipboard) property in Spreadsheet. -> By default, the `enableClipboard` property is true. +> The default value for `enableClipboard` property is `true`. ## Cut @@ -19,31 +19,35 @@ It is used to cut the data from selected range of cells, rows or columns in a sp **User Interface**: -Cut can be done in one of the following ways. +Cut can be performed in one of the following ways. -* Using Cut button in the Ribbon’s HOME tab to perform cut operation. -* Using Cut option in the Context Menu. -* Using `Ctrl + X` | `Command + X` keyboard shortcut. +* Select the range, then click the **Cut** button in the Ribbon’s HOME tab. +* Select the range, then choose **Cut** from the Context Menu. +* Select the range, then press `Ctrl + X` (Windows) or `Command + X` (Mac). + +**Programmatically**: + +* Using the [`cut`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#cut) method. -* Using the [`cut`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#cut) method. - ## Copy -It is used to copy the data from selected range of cells, rows or columns in a spreadsheet and make it available in the clipboard. +It is used to copy the data from a selected range of cells, rows, or columns in the Spreadsheet and places it on the clipboard. **User Interface**: -Copy can be done in one of the following ways. +Copy can be performed in one of the following ways: -* Using Copy button in the Ribbon’s HOME tab to perform copy operation. -* Using Copy option in the Context Menu. -* Using `Ctrl + C` | `Command + C` keyboard shortcut. +* Select the range, then click the **Copy** button in the Ribbon’s HOME tab. +* Select the range, then choose **Copy** from the Context Menu. +* Select the range, then press `Ctrl + C` (Windows) or `Command + C` (Mac). -* Using the [`copy`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#copy) method. +**Programmatically**: + +* Using the [`copy`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#copy) method. ## Paste -It is used to paste the clipboard data to the selected range, rows or columns. You have the following options in Paste, +It is used to paste the clipboard data to the selected range, rows, or columns. The following options are available in the Paste dropdown: * `Paste Special` - You can paste the values with formatting. * `Paste` - You can paste only the values without formatting. @@ -52,13 +56,15 @@ It also performs for external clipboard operation. If you perform cut and paste, **User Interface**: -Paste can be done in one of the following ways. +Paste can be performed in one of the following ways: + +* Select the destination range, then click the **Paste** button in the Ribbon’s HOME tab. +* Select the destination range, then choose **Paste** from the Context Menu. +* Select the destination range, then press `Ctrl + V` (Windows) or `Command + V` (Mac). -* Using Paste button in the Ribbon’s HOME tab to perform paste operation. -* Using Paste option in the Context Menu. -* Using `Ctrl + V` | `Command + V` keyboard shortcut. +**Programmatically**: -* Using the [`paste`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#paste) method. +* Using the [`paste`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#paste) method. > If you use the Keyboard shortcut key for cut (`Ctrl + X`) | copy (`Ctrl + C`) from other sources, you should use `Ctrl + V` shortcut while pasting into the spreadsheet. @@ -75,7 +81,7 @@ Paste can be done in one of the following ways. ## Prevent the paste functionality -The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type. +The following example shows how to prevent the paste action in the Spreadsheet. In the [`actionBegin`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#actionbegin) event, you can cancel the action by setting the `cancel` argument to `true` when the `requestType` is `paste` and the action is `clipboard`. {% tabs %} @@ -91,7 +97,7 @@ The following example shows, how to prevent the paste action in spreadsheet. In ## Limitations -* External clipboard is not fully supported while copying data from another source and pasting into a spreadsheet, it only works with basic supports (Values, Number, cell, and Text formatting). -* If you copy =SUM(A2,B2) and paste, the formula reference will change depending on the pasted cell address but we don't have support for nested formula(formula reference will be same). -* Clipboard is not supported with conditional formatting (values only pasting). -* We have limitation while copying the whole sheet data and pasting it into another sheet. \ No newline at end of file +* The external clipboard is not fully supported when copying data from another source and pasting into the Spreadsheet; only basic operations are supported (Values, Number formatting, cell formatting, and Text formatting). +* When you copy a formula such as `=SUM(A2,B2)` and paste it, the formula reference is updated based on the destination cell address. Nested formula references are not supported and will not be adjusted on paste. +* Clipboard operations are not supported with conditional formatting; only values are pasted. +* There is a limitation when copying the whole sheet data and pasting it into another sheet. \ No newline at end of file diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/comment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/comment.md index cc657354a3..8b3466a572 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/comment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/comment.md @@ -10,7 +10,7 @@ documentation: ug # Comment in EJ2 JavaScript Spreadsheet control The **Comment** feature allows you to add feedback to cells without changing their values, enabling contextual discussions through threaded **replies**. Unlike [Notes](./notes), Comment include advanced review tools such as **resolve** and **reopen** to track status, plus an optional **Comments Review Pane** for browsing and managing threads. -Cells with comment display a small comment indicator; hover to preview the comment editor. This provides a clear, collaborative workflow while keeping data intact. +Cells with a comment display a small comment indicator; hover to preview the comment editor. This provides a clear, collaborative workflow while keeping data intact. ![Spreadsheet showing a comment](./images/spreadsheet_comment.png) @@ -29,24 +29,35 @@ The Syncfusion Spreadsheet does not automatically track user identity. To tag ne >If the author property is not set, "Guest User" will be displayed as the author for comment and replies by default. ## Adding a comment -You can add a **comment** to a cell in several ways: -* **Context menu**: Right-click the target cell and select **"New Comment"**. -* **Ribbon**: Go to **Review > Comment > New Comment**. -* **Keyboard shortcut**: Press Ctrl + Shift + F2 to open the comment editor for the active cell. -* **Programmatically**: - * Use the `updateCell` method with the comment model to add a comment to a specific cell. - * Bind comments via code-behind during initial load by associating the comment model with the cell model. +You can add a **comment** to a cell in several ways. + +**UI** + +1. Select the target cell. +2. Open the comment editor using one of the following methods: + * **Context Menu**: Right-click the target cell and select **"New Comment"**. + * **Ribbon**: Go to **Review > Comment > New Comment**. + * **Keyboard Shortcut**: Press Ctrl + Shift + F2. +3. Type the comment text in the editor and click **Post** to add the comment. + +**Programmatically** + +You can also add a comment to a cell from code: + +* Use the `updateCell` method with the comment model to add a comment to a specific cell. The Spreadsheet instance must be available in scope. +* Bind comments via cell data during initial load by associating the comment model with the cell model. The image below shows that once a comment is posted, the cell displays an indicator, and the comment can be previewed on hover. ![Adding a comment in Spreadsheet](./images/spreadsheet_adding_a_comment.gif) ## Adding a reply -You can add one or more replies to an existing comment to provide additional details or answers: -* **Context menu**: Right-click the cell that already has a comment, select **Comment > New Reply**, enter your reply, and click **Post**. +You can add one or more replies to an existing comment to provide additional details or answers. Before you begin, select the cell that already contains a comment (the cell shows a comment indicator in its corner). + +* **Context Menu**: Right-click the cell that already has a comment, select **Comment > New Reply**, enter your reply, and click **Post**. * **Ribbon**: Go to **Review > Comment > New Comment** on a cell that contains a comment. This opens the comment editor in **reply mode**. -* **Comment editor**: Open the comment editor by hovering over the comment indicator, type your reply, and click **Post**. -* **Keyboard shortcut**: Press Ctrl + Shift + F2 on a cell that contains a comment to open the comment editor in reply mode. +* **Comment Editor**: Open the comment editor by hovering over the comment indicator, type your reply, and click **Post**. +* **Keyboard Shortcut**: Press Ctrl + Shift + F2 on a cell that contains a comment to open the comment editor in reply mode. After posting, the replies appear under the first comment in the comment editor. @@ -55,8 +66,8 @@ After posting, the replies appear under the first comment in the comment editor. ## Editing a comment You can edit the content of a comment or its replies directly within the comment editor. -* **Edit first comment**: In the comment editor. Click the **"⋯" (More thread actions)** menu in the header, select the **Edit Comment**, modify the text and click **Post**. -* **Edit a reply comment**: In the comment editor, hover over the specific reply, click the **"⋯" (More actions)**, select the **Edit Comment**, modify the text and click **Post**. +* **Edit first comment**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header, select the **Edit Comment**, modify the text and click **Post**. +* **Edit a reply comment**: In the comment editor, hover over the specific reply, click the **"⋯" (More actions)** menu, select the **Edit Comment**, modify the text and click **Post**. ![Editing a comment reply in Spreadsheet](./images/spreadsheet_edit_comment.png) @@ -79,7 +90,7 @@ You can also use the `isResolved` property in the comment model when initializin // Update a cell with a comment using the updateCell method spreadsheet.updateCell({ comment: { - author: 'Chistoper', text: 'Are you completed the report', + author: 'Christopher', text: 'Are you completed the report', createdTime: 'January 03, 2026 at 5:00 PM', // Set to true to mark the thread as resolved; false keeps it active isResolved: false, @@ -94,16 +105,16 @@ You can also use the `isResolved` property in the comment model when initializin You can delete either a specific reply or an entire comment thread (including all replies) using the following options: ### Deleting a comment thread -* **Context menu**: Right-click the cell that contains the comment and select **Comment > Delete Comment**. +* **Context Menu**: Right-click the cell that contains the comment and select **Comment > Delete Comment**. * **Ribbon**: Go to **Review > Comment > Delete Comment** on a cell that contains the comment. -* **Comment editor**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header and select **Delete Thread** for an active comment or use the **Delete Thread** button in header for a resolved comment. +* **Comment Editor**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header and select **Delete Thread** for an active comment or use the **Delete Thread** button in the header for a resolved comment. Deleting a thread removes the comment and all its replies from the cell. ![Deleting a comment thread in Spreadsheet](./images/spreadsheet_delete_comment.png) ### Delete a reply -In the comment editor, hover over the reply and click the **"⋯" (More actions)** menu then select **Delete Comment**. +In the comment editor, hover over the reply and click the **"⋯" (More actions)** menu, then select **Delete Comment**. ![Deleting a comment reply in Spreadsheet](./images/spreadsheet_delete-reply_comment.png) @@ -122,8 +133,8 @@ The **"Comments" review pane** provides a centralized view of all comments in th You can show or hide the "Comments" review pane using: -* **Ribbon**: Go to **Review > Comment > Show Comments**. -* **Property**: Set the `showCommentsPane` property to true when initializing the Spreadsheet. By default, this property is **false**. +* **Ribbon**: Go to **Review > Comment > Show Comments**. Click the same command again to hide the pane. +* **Property**: Set the `showCommentsPane` property to true when initializing the Spreadsheet to show the pane on load. By default, this property is **false**. ![Show comments in Spreadsheet](./images/spreadsheet_show_comments.gif) @@ -132,7 +143,7 @@ The "Comments" review pane is rendered within the spreadsheet interface to provi The "Comments" review pane allows you to: -* Add new comment using the **New** button. +* Add a new comment using the **New** button. * Filter comments by **All**, **Active**, or **Resolved** to view specific comment threads. * Navigate between comments and synchronize selection with the corresponding cells. * Perform actions such as: @@ -141,11 +152,11 @@ The "Comments" review pane allows you to: * **Delete** – Remove a reply or an entire thread. * **Resolve/Reopen** – Change the status of a comment. -When the review pane is open, all actions performed in the review pane or in the cell’s comment editor are synchronized: +When the review pane is open, actions performed in the review pane or in the cell’s comment editor are synchronized in most cases: * Selecting a comment in the review pane highlights the corresponding cell in the sheet. * Selecting a cell with a comment focuses the respective comment thread in the review pane. -* Actions such as **Reply**, **Edit**, **Delete**, and **Resolve/Reopen** update both the pane and the cell comment editor instantly, ensuring consistency across the UI. +* Actions such as **Reply**, **Edit**, **Delete**, and **Resolve/Reopen** generally update both the pane and the cell comment editor, ensuring consistency across the UI. * The review pane dynamically updates when comments are added, deleted, or resolved, so you always see the latest state without refreshing. ## Saving a Workbook with Comments @@ -160,8 +171,8 @@ Threaded comments introduced in newer Excel versions require the **Open XML** st > To retain threaded comments, always save the workbook in **.xlsx** format. -## Bind Comments via code-behind -You can bind **comment thread** to cells at initial load by providing a `comment` object in the cell model. Each cell supports **per comment thread**, which can include: +## Bind Comments via cell data +You can bind **comment thread** to cells at initial load by providing a `comment` object in the cell model. Each cell supports a single comment thread, which can include: - **Comment**: `author`, `text`, `createdTime`, `isResolved` - **Replies**: A collection of replies. Each reply is an object containing its `author`, `text`, and `createdTime` (no nested replies-of-replies). @@ -185,7 +196,7 @@ In the below sample, comments are added to a specific cell using cell data bindi ## Limitations * **Un-posted comments are not stored**: If you type in the comment editor and close it without clicking **Post**, the entered text is not saved and will not appear when you reopen the editor. Only posted content is persisted in the comment model. -* **Comments and Notes cannot coexist**: When a cell contains comment, notes cannot be added. Similarly, if a cell already has a notes, comment cannot be added. +* **Comments and Notes cannot coexist**: When a cell contains a comment, notes cannot be added. Similarly, if a cell already has a note, a comment cannot be added. * **Comments in Print**: Comments are not included in print output. * **Non-collaborative**: Real-time multi-user synchronization is not supported. However, when exporting and re-importing the workbook, the author information for each comment and reply is preserved. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/link.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/link.md index 1bdd972019..239bd17773 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/link.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/link.md @@ -1,17 +1,17 @@ --- layout: post -title: Link in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Link in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Link in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Link in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Link +control: Link documentation: ug --- -# Link in EJ2 Javascript Spreadsheet control +# Link in EJ2 JavaScript Spreadsheet control -Hyperlink is used to navigate to web links or cell reference within the sheet or to other sheets in Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allowhyperlink) property to enable or disable hyperlink functionality. +A hyperlink lets you navigate to a web URL, a cell reference within the sheet, or a cell in another sheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allowhyperlink) property to enable or disable hyperlink functionality. -> * The default value for `allowHyperlink` property is `true`. +> The default value for `allowHyperlink` property is `true`. ## Insert Link @@ -22,9 +22,9 @@ You can insert a hyperlink in a worksheet cell for quick access to related infor In the active spreadsheet, click the cell where you want to create a hyperlink. Insert hyperlink can be done by any of the following ways: * Select the INSERT tab in the Ribbon toolbar and choose the `Link` item. -* Right-click the cell and then click Hyperlink item in the context menu. +* Right-click the cell and select **Hyperlink** in the context menu. * Use `Ctrl + K` keyboard shortcut to apply the hyperlink. -* Use the [`addHyperlink`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#addhyperlink) method programmatically. +* Use the [`addHyperlink`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#addhyperlink) method programmatically. ## Edit Hyperlink @@ -32,27 +32,27 @@ You can change an existing hyperlink in your workbook by changing its destinatio **User Interface**: -In the active spreadsheet, Select the cell that contains the hyperlink that you want to change. Editing the hyperlink while opening the dialog can be done by any one of the following ways: +In the active spreadsheet, select the cell that contains the hyperlink that you want to change. The Edit Hyperlink dialog can be opened by any one of the following ways: * Select the INSERT tab in the Ribbon toolbar and choose the `Link` item. -* Right-click the cell and then click Edit Hyperlink item in the context menu, or you can press Ctrl+K. +* Right-click the cell and select **Edit Hyperlink** in the context menu, or press `Ctrl+K`. -In the Edit Link dialog box, make the changes that you want, and click UPDATE. +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. +Performing this operation removes a single hyperlink without losing the display text. **User Interface**: -In the active spreadsheet, click the cell where you want to remove a hyperlink. remove hyperlink can be done by any of the following ways: +In the active spreadsheet, click the cell where you want to remove a hyperlink. Remove hyperlink can be done by any of the following ways: -* Right-click the cell and then click Remove Hyperlink item in the context menu. -* Use the [`removeHyperlink()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#removehyperlink) method programmatically. +* Right-click the cell and select **Remove Hyperlink** in the context menu. +* Use the [`removeHyperlink()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#removehyperlink) method programmatically. ## How to change target attribute -There is an event named `beforeHyperlinkClick` which triggers only on clicking hyperlink. You can customize where to open the hyperlink by using the `target` property in the arguments of that event. +There is an event named `beforeHyperlinkClick` which triggers only when a hyperlink is clicked. You can customize where to open the hyperlink by using the `target` property in the arguments of that event. {% tabs %} {% highlight js tabtitle="index.js" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md index e315d14cf2..4d7dc08e75 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md @@ -1,16 +1,16 @@ --- layout: post -title: Notes in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about the notes feature in EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Notes in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn about the notes feature in the EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2. platform: document-processing -control: Notes +control: Notes documentation: ug --- # Notes in EJ2 JavaScript Spreadsheet control -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#enablenotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#enablenotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -36,11 +36,11 @@ In the active worksheet, you can add a note in the following ways: * **Context Menu**: Right-click the desired cell and select **Add Note**. * **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. * **Keyboard Shortcut**: Select the cell and press Shift + F2. -* **Programmatically**: +* **Programmatically**: * Use the `updateCell` method with the note model to add a note to a specific cell. - * Bind notes via code-behind during initial load by associating the note model with the cell model. + * Bind notes via data binding during initial load by associating the note model with the cell model. -A dialog box will open where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. +A dialog box opens where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. ## Editing a note @@ -83,7 +83,7 @@ To navigate to the previous note: To navigate to the next note: -* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. +* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. * The Spreadsheet will automatically select the next note in the current worksheet, searching rightward and then downward. * If no subsequent note exists in the sheet, the search continues to the next worksheet in order. * If the workbook contains no notes, the selection remains on the current cell. @@ -114,9 +114,9 @@ To activate: * Navigate to the **Review** tab, click the **Notes** dropdown, and select **Show All Notes**. -All notes in the worksheet will appear as floating text boxes near their respective cells. +All notes in the worksheet appear as floating text boxes near their respective cells. -> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet will automatically appear as visible sticky notes when Show All Notes is active. +> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet automatically appear as visible sticky notes when Show All Notes is active. This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review. @@ -126,11 +126,11 @@ This functionality enhances workflow efficiency by providing flexible control ov The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls). -> When exporting the Spreadsheet to file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf), the notes will not be available. +> When exporting the Spreadsheet to file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf), the notes are not available. ## Disabling notes -To disable the note functionality, you need to set the [enableNotes](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. +To disable the note functionality, set the [enableNotes](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#enablenotes) property to **false**. After disabling, the Spreadsheet does not show notes in opened documents. The **"Add Note"** option does not appear in the context menu, and the keyboard shortcuts for note functionality do not work. ![Spreadsheet with notes feature disabled](./images/spreadsheet_notes_disable.png) @@ -166,7 +166,7 @@ In the below example, you can navigate between notes using **Previous Note** and ## Limitations -* When importing the document with notes, the formatting of the content in the notes will not be available. Similarly, while adding notes, we cannot apply formatting to them. -* The style and appearance of the dialog box for the notes, including size, color, border, and other elements, cannot be directly changed. +* When importing a document with notes, the formatting of the content in the notes is not available. Similarly, formatting cannot be applied while adding notes. +* The style and appearance of the dialog box for notes, including size, color, border, and other elements, cannot be directly changed. * Exporting the workbook along with notes is not supported in file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf). -* Notes added outside the used ranges of the worksheet will not be included in the exported document. \ No newline at end of file +* Notes added outside the used ranges of the worksheet are not included in the exported document. \ No newline at end of file diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/protect-sheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/protect-sheet.md index c5b121eb6e..658abb7288 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/protect-sheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/protect-sheet.md @@ -1,49 +1,47 @@ --- layout: post -title: Protect sheet in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Protect sheet in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Protect sheet in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Protect sheet in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Protect sheet +control: Protect sheet documentation: ug --- -# Protect sheet in EJ2 Javascript Spreadsheet control +# Protect Sheet in EJ2 JavaScript Spreadsheet control -Sheet protection helps you to prevent the users from modifying the data in the spreadsheet. +Sheet protection helps prevent users from modifying the data in the spreadsheet. ## Protect Sheet -Protect sheet feature helps you to prevent the unknown users from accidentally changing, editing, moving, or deleting data in a spreadsheet. And you can also protect the sheet with password. +Protect Sheet feature helps you prevent unauthorized users from accidentally changing, editing, moving, or deleting data in a spreadsheet. You can also protect the sheet with a password. -You can use the [`isProtected`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#isprotected) property to enable or disable the Protecting functionality. +You can use the [`isProtected`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#isprotected) property to enable or disable the sheet protection functionality. > The default value for `isProtected` property is `false`. -By default in protected sheet, selecting, formatting, inserting, deleting functionalities are disabled. To enable some of the above said functionalities -the `protectSettings` options are used in a protected spreadsheet. +When a sheet is protected, selecting, formatting, inserting, and deleting operations are disabled by default. Use the `protectSettings` options to enable specific operations in a protected spreadsheet. -The available `protectSettings` options in spreadsheet are, +The available `protectSettings` options in the spreadsheet are: -| Options | Uses | -|-----|------| -| `Select Cells` | Used to perform Cell Selection. | -| `Format Cells` | Used to perform Cell formatting. | -| `Format Rows` | Used to perform Row formatting. | -| `Format Columns` | Used to perform Column formatting. | -| `Insert Link` | Used to perform Hyperlink Insertions. | +| Options | Description | +|---------|-------------| +| `Select Cells` | Used to perform cell selection. | +| `Format Cells` | Used to perform cell formatting. | +| `Format Rows` | Used to perform row formatting. | +| `Format Columns` | Used to perform column formatting. | +| `Insert Link` | Used to perform hyperlink insertions. | -> The default value for all `protectSettings` options are `false`. +> The default value of all `protectSettings` options are `false`. -By default, the `Protect Sheet` module is injected internally into the Spreadsheet to perform sheet protection function. +By default, the `Protect Sheet` module is injected internally into the Spreadsheet to perform the sheet protection function. **User Interface**: -In the active Spreadsheet, the sheet protection can be done by any of the following ways: - -* Select the Protect Sheet item in the Ribbon toolbar under the Data Tab, and then select your desired options. -* Right-click the sheet tab, select the Protect Sheet item in the context menu, and then select your desired options. +In the active Spreadsheet, sheet protection can be performed in any of the following ways: -* Use the [`protectSheet()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#protectsheet) method programmatically. +* Select the `Protect Sheet` item in the Ribbon toolbar under the **Data** tab, and then select your desired options. +* Right-click the sheet tab, select the `Protect Sheet` item in the context menu, and then select your desired options. +* Use the [`protectSheet()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#protectsheet) method programmatically. The following example shows `Protect Sheet` functionality with password in the Spreadsheet control. @@ -58,7 +56,7 @@ The following example shows `Protect Sheet` functionality with password in the S {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es5/protect-sheet-cs1" %} -### Limitations of Protect sheet +### Limitations of Protect Sheet * Password encryption is not supported @@ -70,14 +68,13 @@ Unprotect sheet is used to enable all the functionalities that are already disab In the active Spreadsheet, the sheet Unprotection can be done by any of the following ways: -* Select the `Unprotect Sheet` item in the Ribbon toolbar under the Data Tab. -* Right-click the sheet tab, select the `Unprotect Sheet` item in the context menu. - -* Use the [`unprotectSheet()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#unprotectsheet) method programmatically. +* Select the `Unprotect Sheet` item in the Ribbon toolbar under the **Data** tab. +* Right-click the sheet tab, and select the `Unprotect Sheet` item in the context menu. +* Use the [`unprotectSheet()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#unprotectsheet) method programmatically. ## Unlock the particular cells in the protected sheet -In protected spreadsheet, to make some particular cell or range of cells are editable, you can use [`lockCells()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#lockcells) method, with the parameter `range` and `isLocked` property as false. +In a protected spreadsheet, to make a particular cell or range of cells editable, use the [`lockCells()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#lockcells) method with the `range` parameter and the `isLocked` property set to `false`. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -92,9 +89,9 @@ In protected spreadsheet, to make some particular cell or range of cells are edi ## Make cells read-only without protecting worksheet -Previously, you could make cells read-only by protecting the entire sheet using the [protectSheet](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#protectsheet) method or through the UI option. Meanwhile, to make a specific range of cells editable within a protected sheet, you needed to use the [lockCells](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#lockcells) method, passing the `range` parameter and setting the `isLocked` property to **false**. +Previously, you could make cells read-only by protecting the entire sheet using the [protectSheet](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#protectsheet) method or through the UI option. Meanwhile, to make a specific range of cells editable within a protected sheet, you needed to use the [lockCells](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#lockcells) method, passing the `range` parameter and setting the `isLocked` property to **false**. -Now, you can make an entire row, an entire column, or a specific range of cells read-only using the [setRangeReadOnly](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#setrangereadonly) method without protecting the entire sheet. This method accepts three parameters, as detailed in the following table: +Now, you can make an entire row, an entire column, or a specific range of cells read-only using the [setRangeReadOnly](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#setrangereadonly) method without protecting the entire sheet. This method accepts three parameters, as detailed in the following table: | Parameter | Description | |-----|------| @@ -151,18 +148,18 @@ The following example demonstrates how to make rows, columns, and cells read-onl ## Protect Workbook -Protect workbook feature helps you to protect the workbook so that users cannot insert, delete, rename, hide the sheets in the spreadsheet. +The Protect Workbook feature helps you protect the workbook so that users cannot insert, delete, rename, move, copy, hide, or unhide sheets in the spreadsheet. -You can use the [`password`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#password) property to protect workbook with password. -You can use the [`isProtected`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#isprotected) property to protect or unprotect the workbook without the password. +* Use the [`password`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#password) property to protect the workbook with a password. +* Use the [`isProtected`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#isprotected) property to protect or unprotect the workbook without a password. -> The default value for `isProtected` property is `false`. +> The default value of the `isProtected` property is `false`. **User Interface**: -In the active Spreadsheet, you can protect the worksheet by selecting the Data tab in the Ribbon toolbar and choosing the `Protect Workbook` item. Then, enter the password and confirm it and click on OK. +In the active Spreadsheet, you can protect the workbook by selecting the **Data** tab in the Ribbon toolbar and choosing the `Protect Workbook` item. Then, enter the password, confirm it, and click **OK**. -The following example shows `Protect Workbook` by using the [`isProtected`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#isprotected) property in the Spreadsheet control. +The following example shows `Protect Workbook` by using the [`isProtected`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#isprotected) property in the Spreadsheet control. {% tabs %} @@ -176,7 +173,7 @@ The following example shows `Protect Workbook` by using the [`isProtected`](http {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es5/protect-workbook/default-cs1" %} -The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#password) property in the Spreadsheet control. To unprotect the workbook, click the unprotect workbook button in the data tab and provide the password as syncfusion® in the dialog box. +The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#password) property in the Spreadsheet control. To unprotect the workbook, click the unprotect workbook button in the data tab and provide the password as syncfusion® in the dialog box. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -191,13 +188,13 @@ The following example shows `Protect Workbook` by using the [`password`](https:/ ## Unprotect Workbook -Unprotect Workbook is used to enable the insert, delete, rename, move, copy, hide or unhide sheets feature in the spreadsheet. +Unprotect Workbook is used to enable the insert, delete, rename, move, copy, hide or unhide sheets feature in the spreadsheet. **User Interface**: -In the active Spreadsheet, the workbook Unprotection can be done in any of the following ways: +In the active Spreadsheet, the workbook can be unprotected in any of the following ways: -* Select the `Unprotect Workbook` item in the Ribbon toolbar under the Data Tab and provide the valid password in the dialog box. +* Select the `Unprotect Workbook` item in the Ribbon toolbar under the **Data** tab, and provide the valid password in the dialog box. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/ribbon.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/ribbon.md index 3b53cb484d..8c8f425532 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/ribbon.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/ribbon.md @@ -1,31 +1,31 @@ --- layout: post -title: Ribbon in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Ribbon in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Ribbon in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Ribbon in the Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Ribbon +control: Ribbon documentation: ug --- -# Ribbon in EJ2 Javascript Spreadsheet control +# Ribbon in EJ2 JavaScript Spreadsheet control -It helps to organize a spreadsheet’s features into a series of tabs. By clicking the expand or collapse icon, you can expand or collapse the ribbon toolbar dynamically. +The ribbon helps to organize a spreadsheet's features into a series of tabs. By clicking the expand or collapse icon, you can expand or collapse the ribbon toolbar dynamically. ## Ribbon Customization -You can customize the ribbon using the following methods, +You can customize the ribbon using the following methods. | Method | Action | |-------|---------| -| [`hideRibbonTabs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#hideribbontabs) | Used to show or hide the existing ribbon tabs. | -| [`enableRibbonTabs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#enableribbontabs) | Used to enable or disable the existing ribbon tabs. | -| [`addRibbonTabs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#addribbontabs) | Used to add custom ribbon tabs. | -| [`hideToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#hidetoolbaritems) | Used to show or hide the existing ribbon toolbar items. | -| [`enableToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#enabletoolbaritems) | Used to enable or disable the specified toolbar items. | -| [`addToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#addtoolbaritems) | Used to add the custom items in ribbon toolbar. | -| [`hideFileMenuItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#hidefilemenuitems) | Used to show or hide the ribbon file menu items. | -| [`enableFileMenuItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#enablefilemenuitems) | Used to enable or disable file menu items. | -| [`addFileMenuItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#addfilemenuitems) | Used to add custom file menu items. | +| [`hideRibbonTabs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#hideribbontabs) | Used to show or hide the existing ribbon tabs. | +| [`enableRibbonTabs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#enableribbontabs) | Used to enable or disable the existing ribbon tabs. | +| [`addRibbonTabs`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#addribbontabs) | Used to add custom ribbon tabs. | +| [`hideToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#hidetoolbaritems) | Used to show or hide the existing ribbon toolbar items. | +| [`enableToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#enabletoolbaritems) | Used to enable or disable the specified toolbar items. | +| [`addToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#addtoolbaritems) | Used to add the custom items in ribbon toolbar. | +| [`hideFileMenuItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#hidefilemenuitems) | Used to show or hide the ribbon file menu items. | +| [`enableFileMenuItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#enablefilemenuitems) | Used to enable or disable file menu items. | +| [`addFileMenuItems`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#addfilemenuitems) | Used to add custom file menu items. | The following code example shows the usage of ribbon customization. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/scrolling.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/scrolling.md index 1c96073055..75d1a46dea 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/scrolling.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/scrolling.md @@ -1,54 +1,54 @@ --- layout: post -title: Scrolling in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Scrolling in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Scrolling in EJ2 JavaScript Spreadsheet Control | Syncfusion +description: Learn here all about Scrolling in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Scrolling +control: Scrolling documentation: ug --- -# Scrolling in EJ2 Javascript Spreadsheet control +# Scrolling in EJ2 JavaScript Spreadsheet control -Scrolling helps you to move quickly to different areas of the worksheet. It moves faster if we use horizontal and vertical scroll bars. Scrolling can be enabled by setting the [`allowScrolling`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allowscrolling) as true. +Scrolling helps you move quickly to different areas of the worksheet. Movement is faster when you use the horizontal and vertical scroll bars. You can enable scrolling by setting the [`allowScrolling`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allowscrolling) property to `true`. -> By default, the `allowScrolling` property is true. +> The default value for `allowScrolling` property is `true`. -You have the following options in Scrolling by using [`scrollSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#scrollsettings). +The [`scrollSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#scrollsettings) property provides the following scrolling options: * Finite scrolling. * Virtual scrolling. ## Finite Scrolling -Finite scrolling supports two type of modes in scrolling. You can use the [`isFinite`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/scrollsettings/#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#scrollsettings) to specify the mode of scrolling. +The Finite scrolling option supports two types of modes. You can use the [`isFinite`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/scrollsettings#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#scrollsettings) to specify the mode of scrolling. -* Finite - This mode does not create a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/scrollsettings/#isfinite) property as `true`. +* Finite - This mode does not create a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/scrollsettings#isfinite) property to `true`. -* Infinite - This mode creates a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/scrollsettings/#isfinite) property as `false`. +* Infinite - This mode creates a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/scrollsettings#isfinite) property to `false`. -> By Default, the `isFinite` property is `false`. +> By default, the `isFinite` property is `false`. ## Virtual Scrolling -* Virtual scrolling allows you to load data that you require (load data based on viewport size) without buffering the entire huge database. You can set the `enableVirtualization` property in `scrollSettings` as `true`. +* Virtual scrolling allows you to load data on demand (based on the viewport size) without buffering the entire large dataset. You can enable virtual scrolling by setting the `enableVirtualization` property in `scrollSettings` to `true`. -In virtual scrolling `enableVirtualization` is set to true means, it allows you to load the spreadsheet data while scrolling. +When `enableVirtualization` is set to `true`, the spreadsheet loads data while you scroll. -> By Default, the `enableVirtualization` property is `true`. +> By default, the `enableVirtualization` property is `true`. **User Interface**: -You can scroll through the worksheet using one of the following ways, +You can scroll through the worksheet using one of the following ways: * Using the `arrow` keys. * Using the Horizontal and Vertical`scroll` bars. * Using the `mouse` wheel. -## Finite scrolling with defined rows and columns +## Finite Scrolling with Defined Rows and Columns -If you want to perform scrolling with defined rows and columns, you must define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`. +If you want to perform scrolling with defined rows and columns, you must define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`. -The following code example shows the finite scrolling with defined rows and columns in the spreadsheet. Here, we used rowCount as 20 and colCount as 20, after reaching the 20th row or 20th column you can't able to scroll. +The following code example shows finite scrolling with defined rows and columns in the spreadsheet. Here, `rowCount` is set to 20 and `colCount` is set to 20. After reaching the 20th row or 20th column, you cannot scroll further. {% tabs %} {% highlight js tabtitle="index.js" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/searching.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/searching.md index 7a055f1bc7..7bed721144 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/searching.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/searching.md @@ -1,27 +1,27 @@ --- layout: post -title: Searching in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Searching in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Searching in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Searching in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Searching +control: Searching documentation: ug --- -# Searching in EJ2 Javascript Spreadsheet control +# Searching in EJ2 JavaScript Spreadsheet control -Find and Replace helps you to search for the target text and replace the found text with alternative text within the sheet or workbook. You can use the [`allowFindAndReplace`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allowfindandreplace) property to enable or disable the Find and Replace functionality. +Find and Replace helps you to search for the target text and replace the found text with alternative text within the sheet or workbook. You can use the [`allowFindAndReplace`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allowfindandreplace) property to enable or disable the Find and Replace functionality. -> * The default value for `allowFindAndReplace` property is `true`. +> The default value for `allowFindAndReplace` property is `true`. ## Find -Find feature is used to select the matched contents of a cell within the sheet or workbook. It is extremely useful when working with large set of data source. +Find feature is used to select the matched contents of a cell within the sheet or workbook. It is extremely useful when working with a large set of data sources. **User Interface**: Find can be done by any of the following ways: -* Select the Search icon in the Ribbon toolbar or use `Ctrl + F` key to open the Find dialog. +* Select the **Search** icon in the Ribbon toolbar or use `Ctrl + F` key to open the Find dialog. * Use find Next and find Previous buttons to search the given value in the workbook. * Select the option button in Find dialog to open the Find and Replace dialog. Then, select the below properties for enhanced searching. @@ -30,36 +30,36 @@ Find can be done by any of the following ways: > * `Match case`: To find the matched value with case sensitive. > * `Match exact cell contents`: To find the exact matched cell value with entire match cases. -* Using [`find()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#find) method to perform find operation. +* Using [`find()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#find) method to perform find operation. ## Replace -Replace feature is used to change the find contents of a cell within sheet or workbook. Replace All is used to change all the matched contents of a cell within sheet or workbook. +Replace feature is used to change the matched contents of a cell within the sheet or workbook. **Replace All** is used to change all the matched contents of a cell within the sheet or workbook. **User Interface**: Replace can be done by any of the following ways: -* Use `Ctrl + H` key to open the Find and Replace dialog. -* Use Replace button to change the found value in sheet or workbook. -* Using Replace All button, all the matched criteria can be replaced with find value based on sheet or workbook. -* Using [`replace()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#replace) method to perform replace operation by passing the argument `args.replaceby` as `replace`. -* Using [`replace()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#replace) method to perform replace all operation by passing the argument `args.replaceby` as `replaceall`. +* Use `Ctrl + H` key to open the **Find and Replace** dialog. +* Use **Replace** button to change the found value in sheet or workbook. +* Using **Replace All** button, all the matched criteria can be replaced with find value based on sheet or workbook. +* Using [`replace()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#replace) method to perform replace operation by passing the argument `args.replaceby` as `replace`. +* Using [`replace()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#replace) method to perform replace all operation by passing the argument `args.replaceby` as `replaceall`. -## Go to +## Go To -Go to feature is used to navigate to a specific cell address in the sheet or workbook. +Go To feature is used to navigate to a specific cell address in the sheet or workbook. **User Interface**: * Use `Ctrl + G` key to open the Go To dialog. -* Use [`goTo()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#goto) method to perform Go To operation. +* Use [`goTo()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#goto) method to perform Go To operation. In the following sample, searching can be done by following ways: -* Select the Home tab in the Ribbon toolbar, and then select the Search icon. +* Select the **Home** tab in the Ribbon toolbar, and then select the **Search** icon. * Enter any value in the search textbox. -* Select the next (or) previous button to find the entered value in the spreadsheet. +* Select the **next** or **previous** button to find the entered value in the spreadsheet. * You can have more options to find values by selecting the more options in the search toolbar. {% tabs %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/selection.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/selection.md index e6ec4a77ed..63372afa09 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/selection.md @@ -1,17 +1,17 @@ --- layout: post -title: Selection in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Selection in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Selection in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Selection in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Selection +control: Selection documentation: ug --- -# Selection in EJ2 Javascript Spreadsheet control +# Selection in EJ2 JavaScript Spreadsheet control -Selection provides interactive support to highlight the cell, row, or column that you select. Selection can be done through Mouse, Touch, or Keyboard interaction. To enable selection, set `mode` as `Single` | `Multiple` in [`selectionSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#selectionsettings). If you set `mode` to `None`, it disables the UI selection. +Selection provides interactive support to highlight the cell, row, or column that you select. Selection can be done through mouse, touch, or keyboard interaction. To enable selection, set `mode` as `Single` or `Multiple` in [`selectionSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#selectionsettings). If you set `mode` to `None`, it disables the UI selection. -> * The default value for `mode` in `selectionSettings` is `Multiple`. +> * The default value for `mode` in `selectionSettings` is `Multiple`. You have the following options in Selection, @@ -21,15 +21,15 @@ You have the following options in Selection, ## Cell selection -Cell selection is used to select a single or multiple cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#selectrange) method. +Cell selection is used to select a single cell or a range of cells. You can perform it through the UI or programmatically using the [`selectRange`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#selectrange) method. **User Interface**: -* Click on a cell to select it (or) use the `arrow` keys to navigate to it and select it. -* To select a range, select a cell, then use the left mouse button to select and drag over to other cells (or) use the `Shift + arrow` keys to select the range. +* Click a cell to select it, or use the arrow keys to navigate to it and select it. +* To select a range, select a cell, then press and hold the left mouse button and drag over the other cells, or use the `Shift+Arrow` keys to extend the range. * To select non-adjacent cells and cell ranges, hold `Ctrl` and select the cells. -You can quickly locate and select specific cells or ranges by entering their names or cell references in the Name box, which is located to the left of the formula bar, and also select named or unnamed cells or ranges by using the Go To (`Ctrl+G`) command. +You can quickly locate and select specific cells or ranges by entering their names or cell references in the Name box, which is located to the left of the formula bar. You can also select named or unnamed cells or ranges by using the Go To (`Ctrl+G`) command. ## Row selection @@ -40,11 +40,11 @@ Row selection is used to select a single or multiple rows. You can perform row selection in any of the following ways, * By clicking the row header. -* To select multiple rows, select a row header with the left mouse button and drag over to other row headers (or) use the `Shift + arrow` keys to select multiple rows. +* To select multiple rows, select a row header, press and hold the left mouse button, and drag over the other row headers, or use the `Shift+Arrow` keys to select multiple rows. * To select non-adjacent rows, hold `Ctrl` and select the row header. * You can also use the `selectRange` method for row selection. -The following sample shows the row selection in the spreadsheet, here selecting the 5th row using the `selectRange` method. +The following sample shows row selection in the spreadsheet. Here, the 5th row is selected using the `selectRange` method. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -70,7 +70,7 @@ You can perform column selection in any of the following ways, * To select non-adjacent columns, hold `Ctrl` and select the column header. * You can also use the `selectRange` method for row selection. -The following sample shows the column selection in the spreadsheet, here selecting the 3rd column using the `selectRange` method. +The following sample shows column selection in the spreadsheet. Here, the 3rd column is selected using the `selectRange` method. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -85,7 +85,7 @@ The following sample shows the column selection in the spreadsheet, here selecti ## Get selected cell values -You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet/#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet/#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet/#getdata) method. +You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#getdata) method. Below is a code example demonstrating how to retrieve the selected cell values as a collection programmatically: @@ -102,7 +102,7 @@ Below is a code example demonstrating how to retrieve the selected cell values a ## Remove Selection -The following sample shows, how to remove the selection in the spreadsheet. Here changing the `mode` as `None` in [`selectionSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#selectionsettings) to disable's the UI selection. +The following sample shows how to remove selection in the spreadsheet. Here, changing `mode` to `None` in [`selectionSettings`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#selectionsettings) disables the UI selection. {% tabs %} {% highlight js tabtitle="index.js" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/undo-redo.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/undo-redo.md index 2fc718d1b2..93f27fea21 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/undo-redo.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/undo-redo.md @@ -1,39 +1,41 @@ --- layout: post -title: Undo redo in EJ2 Javascript Spreadsheet control | Syncfusion -description: Learn here all about Undo redo in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more. +title: Undo redo in EJ2 JavaScript Spreadsheet control | Syncfusion +description: Learn here all about Undo redo in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Undo redo +control: Undo redo documentation: ug --- -# Undo redo in EJ2 Javascript Spreadsheet control +# Undo redo in EJ2 JavaScript Spreadsheet control -`Undo` option helps you to undone the last action performed and `Redo` option helps you to do the same action which is reverted in the Spreadsheet. You can use the [`allowUndoRedo`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allowundoredo) property to enable or disable undo redo functionality in spreadsheet. +`Undo` option helps you to undone the last action performed and `Redo` option helps you to do the same action which is reverted in the Spreadsheet. You can use the [`allowUndoRedo`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allowundoredo) property to enable or disable undo redo functionality in spreadsheet. -> * The default value for `allowUndoRedo` property is `true`. +> The default value for `allowUndoRedo` property is `true`. -By default, the `UndoRedo` module is injected internally into Spreadsheet to perform undo redo. +By default, the `UndoRedo` module is injected internally into the Spreadsheet to perform undo redo. ## Undo -It reverses the last action you performed with Spreadsheet. Undo can be done by any of the following ways: +`Undo` reverses the last action you performed in the Spreadsheet. You can perform an undo in any of the following ways: -* Select the undo item from HOME tab in Ribbon toolbar. -* Use `Ctrl + Z` keyboard shortcut to perform the undo. -* Use the [`undo`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#undo) method programmatically. +* Select the Undo item from the **HOME** tab in the Ribbon toolbar. +* Use the `Ctrl + Z` (Windows/Linux) or `Cmd + Z` (macOS) keyboard shortcut. +* Invoke the [`undo`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#undo) method programmatically. ## Redo It reverses the last undo action you performed with Spreadsheet. Redo can be done by any of the following ways: -* Select the redo item from HOME tab in Ribbon toolbar. -* Use `Ctrl + Y` keyboard shortcut to perform the redo. -* Use the [`redo`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#redo) method programmatically. +* Select the Redo item from the `HOME` tab in the Ribbon toolbar. +* Use the `Ctrl + Y` (Windows/Linux) or `Cmd + Y` (macOS) keyboard shortcut. +* Invoke the [`redo`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#redo) method programmatically. -## Update custom actions in UndoRedo collection +To confirm redo is working, perform an undo, then press `Ctrl + Y` and verify the previously undone change is reapplied. -You can update your own custom actions in UndoRedo collection, by using the [`updateUndoRedoCollection`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#updateundoredocollection) method. And also customize the undo redo operations of your custom action by using `actionComplete` event. +## Updating custom actions in the UndoRedo collection + +You can register your own custom actions in the UndoRedo collection using the [`updateUndoRedoCollection`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#updateundoredocollection) method. You can also customize the undo/redo behavior of your custom action by using the `actionComplete` event. The following code example shows `How to update and customize your own actions for undo redo` functionality in the Spreadsheet control. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/worksheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/worksheet.md index a29101c889..02b55f54f5 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/worksheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/worksheet.md @@ -11,8 +11,6 @@ documentation: ug A worksheet is a collection of cells organized in the form of rows and columns that allows you to store, format, and manipulate the data. -> Before working with worksheet APIs, you must have a Spreadsheet control initialized in your application. For setup details, refer to the [getting started](https://ej2.syncfusion.com/javascript/documentation/spreadsheet/getting-started) documentation. - ## Add sheet You can dynamically add or insert a sheet in one of the following ways: