Merge pull request #2376 from syncfusion-content/EJ2-1013149-notes

documentation(1013149): Update UG for Notes section with the gif images

Author: sridhar-alagirisamy

Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/notes.md

@@ -13,7 +13,7 @@ The **Notes** feature is used to insert comments, provide feedback, suggest chan
 
 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.
 
-![Spreadsheet showing a note](./images/spreadsheet_show_note.png)
+![Adding, editing, and deleting a note in Spreadsheet](./images/spreadsheet_add_edit_delete_note.gif)
 
 In the below example, you can add, edit, save, and delete notes.
 
@@ -39,7 +39,6 @@ In the active worksheet, you can add a note in the following ways:
 
 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 <kbd>Esc</kbd> button to automatically save the note and close the dialog box.
 
-![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif)
 
 ## Editing a note
 
@@ -51,7 +50,6 @@ In the active worksheet, you can modify the content of existing notes in the doc
 
 The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the <kbd>Esc</kbd> button to automatically save the changes and close the dialog box.
 
-![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif)
 
 ## Deleting a note
 
@@ -62,12 +60,13 @@ You can remove notes from cells using the following ways:
 
 The note will be removed from the cell, and the red triangle indicator will be removed.
 
-![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif)
 
 ## Navigating between notes
 
 The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab.
 
+![Navigating between notes in Spreadsheet](./images/spreadsheet_next_previous_note.gif)
+
 ### Previous Note
 
 To navigate to the previous note:
@@ -118,6 +117,8 @@ All notes in the worksheet will appear as floating text boxes near their respect
 
 This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review.
 
+![Show/Hide notes in Spreadsheet](./images/spreadsheet_show_hide_note.gif)
+
 ## Saving the document with notes
 
 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).

Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/notes.md

@@ -13,7 +13,7 @@ The **Notes** feature is used to insert comments, provide feedback, suggest chan
 
 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.
 
-![Spreadsheet showing a note](./images/spreadsheet_show_note.png)
+![Adding, editing, and deleting a note in Spreadsheet](./images/spreadsheet_add_edit_delete_note.gif)
 
 In the below example, you can add, edit, save, and delete notes.
 
@@ -39,7 +39,6 @@ In the active worksheet, you can add a note in the following ways:
 
 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 <kbd>Esc</kbd> button to automatically save the note and close the dialog box.
 
-![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif)
 
 ## Editing a note
 
@@ -51,7 +50,6 @@ In the active worksheet, you can modify the content of existing notes in the doc
 
 The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the <kbd>Esc</kbd> button to automatically save the changes and close the dialog box.
 
-![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif)
 
 ## Deleting a note
 
@@ -62,12 +60,13 @@ You can remove notes from cells using the following ways:
 
 The note will be removed from the cell, and the red triangle indicator will be removed.
 
-![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif)
 
 ## Navigating between notes
 
 The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab.
 
+![Navigating between notes in Spreadsheet](./images/spreadsheet_next_previous_note.gif)
+
 ### Previous Note
 
 To navigate to the previous note:
@@ -118,6 +117,8 @@ All notes in the worksheet will appear as floating text boxes near their respect
 
 This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review.
 
+![Show/Hide notes in Spreadsheet](./images/spreadsheet_show_hide_note.gif)
+
 ## Saving the document with notes
 
 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).

Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md

@@ -14,7 +14,7 @@ The **Notes** feature is used to insert comments, provide feedback, suggest chan
 
 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.
 
-![Spreadsheet showing a note](./images/spreadsheet_show_note.png)
+![Adding, editing, and deleting a note in Spreadsheet](./images/spreadsheet_add_edit_delete_note.gif)
 
 In the below example, you can add, edit, save, and delete notes.
 
@@ -42,7 +42,6 @@ In the active worksheet, you can add a note in the following ways:
 
 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 <kbd>Esc</kbd> button to automatically save the note and close the dialog box.
 
-![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif)
 
 ## Editing a note
 
@@ -54,7 +53,6 @@ In the active worksheet, you can modify the content of existing notes in the doc
 
 The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the <kbd>Esc</kbd> button to automatically save the changes and close the dialog box.
 
-![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif)
 
 ## Deleting a note
 
@@ -65,12 +63,13 @@ You can remove notes from cells using the following ways:
 
 The note will be removed from the cell, and the red triangle indicator will be removed.
 
-![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif)
 
 ## Navigating between notes
 
 The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab.
 
+![Navigating between notes in Spreadsheet](./images/spreadsheet_next_previous_note.gif)
+
 ### Previous Note
 
 To navigate to the previous note:
@@ -121,6 +120,8 @@ All notes in the worksheet will appear as floating text boxes near their respect
 
 This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review.
 
+![Show/Hide notes in Spreadsheet](./images/spreadsheet_show_hide_note.gif)
+
 ## Saving the document with notes
 
 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).

Document-Processing/Excel/Spreadsheet/React/notes.md

@@ -14,7 +14,7 @@ The **Notes** feature is used to insert comments, provide feedback, suggest chan
 
 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.
 
-![Spreadsheet showing a note](./images/spreadsheet_show_note.png)
+![Adding, editing, and deleting a note in Spreadsheet](./images/spreadsheet_add_edit_delete_note.gif)
 
 In the below example, you can add, edit, save, and delete notes.
 
@@ -42,7 +42,6 @@ In the active worksheet, you can add a note in the following ways:
 
 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 <kbd>Esc</kbd> button to automatically save the note and close the dialog box.
 
-![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif)
 
 ## Editing a note
 
@@ -54,7 +53,6 @@ In the active worksheet, you can modify the content of existing notes in the doc
 
 The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the <kbd>Esc</kbd> button to automatically save the changes and close the dialog box.
 
-![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif)
 
 ## Deleting a note
 
@@ -65,12 +63,13 @@ You can remove notes from cells using the following ways:
 
 The note will be removed from the cell, and the red triangle indicator will be removed.
 
-![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif)
 
 ## Navigating between notes
 
 The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab.
 
+![Navigating between notes in Spreadsheet](./images/spreadsheet_next_previous_note.gif)
+
 ### Previous Note
 
 To navigate to the previous note:
@@ -121,6 +120,8 @@ All notes in the worksheet will appear as floating text boxes near their respect
 
 This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review.
 
+![Show/Hide notes in Spreadsheet](./images/spreadsheet_show_hide_note.gif)
+
 ## Saving the document with notes
 
 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).

Document-Processing/Excel/Spreadsheet/Vue/notes.md

@@ -14,7 +14,7 @@ The **Notes** feature is used to insert comments, provide feedback, suggest chan
 
 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.
 
-![Spreadsheet showing a note](./images/spreadsheet_show_note.png)
+![Adding, editing, and deleting a note in Spreadsheet](./images/spreadsheet_add_edit_delete_note.gif)
 
 In the below example, you can add, edit, save, and delete notes.
 
@@ -42,7 +42,6 @@ In the active worksheet, you can add a note in the following ways:
 
 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 <kbd>Esc</kbd> button to automatically save the note and close the dialog box.
 
-![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif)
 
 ## Editing a note
 
@@ -54,7 +53,6 @@ In the active worksheet, you can modify the content of existing notes in the doc
 
 The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the <kbd>Esc</kbd> button to automatically save the changes and close the dialog box.
 
-![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif)
 
 ## Deleting a note
 
@@ -65,12 +63,13 @@ You can remove notes from cells using the following ways:
 
 The note will be removed from the cell, and the red triangle indicator will be removed.
 
-![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif)
 
 ## Navigating between notes
 
 The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab.
 
+![Navigating between notes in Spreadsheet](./images/spreadsheet_next_previous_note.gif)
+
 ### Previous Note
 
 To navigate to the previous note:
@@ -121,6 +120,8 @@ All notes in the worksheet will appear as floating text boxes near their respect
 
 This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review.
 
+![Show/Hide notes in Spreadsheet](./images/spreadsheet_show_hide_note.gif)
+
 ## Saving the document with notes
 
 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).