diff --git a/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md b/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md index 9fa2caaade..1d83063454 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/cell-range.md @@ -169,7 +169,7 @@ The following code example demonstrates how to add custom data validation with a The following features have some limitations in Data Validation: -* Applying validation to an entire row. +* Applying data validation to an entire row. * Insert row between the data validation. * Copy/paste with data validation. * Delete cells between data validation applied range. diff --git a/Document-Processing/Excel/Spreadsheet/Angular/comment.md b/Document-Processing/Excel/Spreadsheet/Angular/comment.md index aa5a1408fa..22e170c013 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/comment.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/comment.md @@ -102,7 +102,7 @@ You can delete either a specific reply or an entire comment thread (including al ### Deleting a comment thread * **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. diff --git a/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md b/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md index 78a3133e26..043d8251ca 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/data-binding.md @@ -9,7 +9,7 @@ documentation: ug # Data binding in Angular Spreadsheet component -The Spreadsheet uses [DataManager](https://helpej2.syncfusion.com/angular/documentation/data), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) or JavaScript object array collection. +The Spreadsheet uses [DataManager](https://ej2.syncfusion.com/angular/documentation/data), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [DataManager](https://ej2.syncfusion.com/angular/documentation/data) or JavaScript object array collection. > To bind data to a cell, use `cell data binding` support. @@ -31,7 +31,7 @@ Refer to the following code example for local data binding. {% previewsample "/document-processing/samples/spreadsheet/angular/local-data-binding-cs1" %} -> The local data source can also be provided as an instance of the [DataManager](https://helpej2.syncfusion.com/angular/documentation/data). By default, [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/angular/documentation/data/adaptors#json-adaptor) for local data-binding. +> The local data source can also be provided as an instance of the [DataManager](https://ej2.syncfusion.com/angular/documentation/data). By default, [DataManager](https://ej2.syncfusion.com/angular/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/angular/documentation/data/adaptors#json-adaptor) for local data-binding. ### Customizing column data mapping @@ -55,7 +55,7 @@ The following code example demonstrates how to customize the mapping of column d ## Remote data -To bind remote data to the Spreadsheet control, assign service data as an instance of [DataManager](https://helpej2.syncfusion.com/angular/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. +To bind remote data to the Spreadsheet control, assign service data as an instance of [DataManager](https://ej2.syncfusion.com/angular/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. Refer to the following code example for remote data binding. diff --git a/Document-Processing/Excel/Spreadsheet/Angular/formatting.md b/Document-Processing/Excel/Spreadsheet/Angular/formatting.md index 8679783377..b836371ca8 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/formatting.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/formatting.md @@ -18,7 +18,7 @@ Formatting options make your data easier to view and understand. The different t ## Number Formatting -Number formatting provides a type for your data in the [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor). Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in Spreadsheet are: +Number formatting provides a type for your data in the [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor). Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in the Spreadsheet are: | Types | Format Code | Format ID | |---------|---------|---------| diff --git a/Document-Processing/Excel/Spreadsheet/Angular/formulas.md b/Document-Processing/Excel/Spreadsheet/Angular/formulas.md index 620c18cc23..cf14e42747 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/formulas.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/formulas.md @@ -3,7 +3,7 @@ layout: post title: Formulas in Angular Spreadsheet component | Syncfusion description: Learn here all about Formulas in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Formulas +control: Formulas documentation: ug --- @@ -62,7 +62,7 @@ The following code example shows an unsupported formula in the spreadsheet. {% previewsample "/document-processing/samples/spreadsheet/angular/formula-cs1" %} -Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#computeexpression) method. This method will work for both built-in and used-defined/custom formula. +Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#computeexpression) method. This method will work for both built-in and user-defined/custom formula. The following code example shows how to use `computeExpression` method in the spreadsheet. @@ -84,7 +84,7 @@ Formula bar is used to edit or enter cell data in much easier way. By default, t ## Named Ranges -You can define a meaningful name for a cell range and use it in the formula for calculation. It makes your formula much easier to understand and maintain. You can add named ranges to the Spreadsheet in the following ways, +You can define a meaningful name for a cell range and use it in a formula for calculation. Named ranges make formulas much easier to understand and maintain. You can add named ranges to the Spreadsheet in the following ways: * Using the [`definedNames`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#definednames) collection, you can add multiple named ranges at initial load. * Use the [`addDefinedName`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddefinedname) method to add a named range dynamically. @@ -118,7 +118,7 @@ You can configure the calculate mode using the [`calculationMode`](https://ej2.s In Automatic Mode, formulas are recalculated instantly whenever a dependent cell is modified. This mode is perfect for scenarios where real-time updates are essential, ensuring that users see the latest results without additional actions. -For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. You can enable this mode by setting the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#calculationmode) property to `Automatic`. +For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. To enable this mode, set the [`calculationMode`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#calculationmode) property to `Automatic`. The following code example demonstrates how to set the Automatic calculation mode in a Spreadsheet. @@ -138,7 +138,7 @@ The following code example demonstrates how to set the Automatic calculation mod In Manual Mode, formulas are not recalculated automatically when cell values are modified. Instead, recalculations must be triggered explicitly. This mode is ideal for scenarios where performance optimization is a priority, such as working with large datasets or computationally intensive formulas. -For example, imagine a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, the value in `C1` will not update automatically. Instead, the recalculation must be initiated manually using either the `Calculate Sheet` or `Calculate Workbook` option. To manually initiate recalculation, the Spreadsheet provides two options: +For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, the value in `C1` will not update automatically. Instead, the recalculation must be initiated manually using either the `Calculate Sheet` or `Calculate Workbook` option. To manually initiate recalculation, the Spreadsheet provides two options: * `Calculate Sheet`: Recalculates formulas for the active sheet only. * `Calculate Workbook`: Recalculates formulas across all sheets in the workbook. @@ -159,7 +159,7 @@ The following code example demonstrates how to set the Manual calculation mode i ## Supported Formulas -The list of supported formulas can be find in following [`link`](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/formulas#supported-formulas). +The list of supported formulas can be found in the following [`link`](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/formulas#supported-formulas). ## Formula Error Dialog diff --git a/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md index 4c963c3f32..479b7b362b 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/freeze-pane.md @@ -3,7 +3,7 @@ layout: post title: Freeze pane in Angular Spreadsheet component | Syncfusion description: Learn here all about Freeze pane in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Freeze pane +control: Freeze pane documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Angular/global-local.md b/Document-Processing/Excel/Spreadsheet/Angular/global-local.md index 030e191564..f867f4cba0 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/global-local.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/global-local.md @@ -11,7 +11,7 @@ documentation: ug ## Localization -The [Localization](https://helpej2.syncfusion.com/angular/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`]https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#locale) value and translation object. +The [Localization](https://ej2.syncfusion.com/angular/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`]https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#locale) value and translation object. The following list of properties and their values are used in the Spreadsheet. @@ -189,10 +189,10 @@ UnprotectSheet | Unprotect Sheet SelectCells | Select cells FormatCells | Format cells FormatRows | Format rows -Format Columns | Format columns +FormatColumns | Format columns InsertLinks | Insert links ProtectContent | Protect the contents of locked cells -ProtectAllowUser | Allow all users of this worksheet to | +ProtectAllowUser | Allow all users of this worksheet to EditAlert | The cell you're trying to change is protected. To make a change, unprotect the sheet. FindReplaceTooltip | Find & Replace InsertingEmptyValue | Reference value is not valid. @@ -212,7 +212,7 @@ SearchWithin | Search within SearchBy | Search by Reference | Reference Workbook | Workbook -NoElements | We couldn’t find what you were looking for. +NoElements | We couldn't find what you were looking for. FindWhat | Find what ReplaceWith | Replace with EnterValue | Enter Value @@ -238,7 +238,7 @@ EqualTo | Equal to NotEqualTo | Not equal to Greaterthan | Greater than Lessthan | Less than -GreaterThanOrEqaulTo | Greater than or eqaul to +GreaterThanOrEqualTo | Greater than or equal to LessThanOrEqualTo | Less than or equal to InCellDropDown | In-cell-dropdown Sources | Sources @@ -361,7 +361,7 @@ VerticalAxisTitle | Vertical Axis Title HorizontalAxisTitle | Horizontal Axis Title EnterTitle | Enter Title ProtectWorkbook | Protect Workbook -Password | Password (optional) | +Password | Password (optional) unProtectPassword | Password EnterThePassword | Enter the password ConfirmPassword | Confirm Password @@ -376,7 +376,7 @@ IsProtected | is protected ### Loading translations -To load translation object in an application, use [`load`](https://helpej2.syncfusion.com/angular/documentation/common/globalization/internationalization#loading-cldr-json-data) function of the [`L10n`](https://helpej2.syncfusion.com/angular/documentation/common/globalization/internationalization) class. +To load translation object in an application, use [`load`](https://ej2.syncfusion.com/angular/documentation/common/globalization/internationalization#loading-cldr-json-data) function of the [`L10n`](https://ej2.syncfusion.com/angular/documentation/common/globalization/internationalization) class. The following example demonstrates the Spreadsheet in `French` culture. In the below sample we have translated the ribbon tab names and Home tab content (clipboard, cell style). @@ -394,7 +394,7 @@ The following example demonstrates the Spreadsheet in `French` culture. In the b ## Internationalization -The Internationalization library is used to globalize number, date, and time values in the spreadsheet component. +The Internationalization library is used to globalize number, date, and time values in the Spreadsheet component. For importing json files in your application, you need to include the json-typings.d.ts file. @@ -443,4 +443,4 @@ You can refer to our [Angular Spreadsheet Editor](https://www.syncfusion.com/spr ## See Also -* [Localization](https://helpej2.syncfusion.com/angular/documentation/common/globalization/localization) +* [Localization](https://ej2.syncfusion.com/angular/documentation/common/globalization/localization) diff --git a/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md b/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md index 4d88486d52..d675abb63f 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/illustrations.md @@ -1,4 +1,4 @@ ---- +--- layout: post title: Illustrations in Angular Spreadsheet component | Syncfusion description: Learn here all about Illustrations in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. @@ -19,17 +19,17 @@ Adding images to a spreadsheet can enhance the visual appeal and help to convey ### Insert Image -You can insert the image by using one of the following ways, +You can insert an image in one of the following ways: * Selecting the Insert tab in the Ribbon toolbar, and then choose the Image tab. * Use the `insertImage()` method programmatically. -The available parameters in `insertImage()` method are, +The available parameters in `insertImage()` method are: | Parameter | Type | Description | |-----|------|----| -| images | `ImageModel` | Specifies the options to insert image in spreadsheet. | -| range(optional) | `string` | Specifies the range in spreadsheet. | +| images | `ImageModel` | Specifies the options to insert an image in the spreadsheet. | +| range(optional) | `string` | Specifies the range in the spreadsheet. | The available arguments in `ImageModel` are: @@ -47,12 +47,12 @@ The available arguments in `ImageModel` are: * If you want to delete the image, just select the image, and then press the Delete key. * Use the `deleteImage()` method programmatically. -The available parameters in `deleteImage()` method are, +The available parameters in `deleteImage()` method are: | Parameter | Type | Description | |-----|------|----| | id | `string` | Specifies the id of the image element to be deleted. | -| range(optional) | `string` | Specifies the range in spreadsheet. | +| range(optional) | `string` | Specifies the range in the spreadsheet. | ### Image Customization @@ -95,7 +95,7 @@ A chart is a graphical representation of data, that organizes and represents a s ### Types of chart -The following types of charts are available in the Spreadsheet. +The following chart types are available in the Spreadsheet: >* Column Chart >* Bar Chart @@ -106,18 +106,18 @@ The following types of charts are available in the Spreadsheet. ### Insert Chart -You can insert the chart by using one of the following ways, +You can insert a chart in one of the following ways: * Select the chart icon in the Ribbon toolbar under the Insert Tab. * Use the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method programmatically. -The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method is, +The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#insertchart) method is: | Parameter | Type | Description | |-----|------|----| | chart | `ChartModel` | Specifies the options to insert a chart in the spreadsheet. | -The available arguments in the `ChartModel` are: +The available arguments in `ChartModel` are: * type: Specifies the type of chart. * theme: Specifies the theme of a chart. @@ -169,7 +169,7 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca {% previewsample "/document-processing/samples/spreadsheet/angular/chart-cs1" %} -#### Customization of line chart markers +#### Customization of Line Chart Markers Using the [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. In the following example, you can see the modified marker appearance, such as shape and size, while creating the line chart with UI interaction. @@ -202,4 +202,4 @@ You can refer to our [Angular Spreadsheet Editor](https://www.syncfusion.com/spr * [Formatting](./formatting) * [Rows and columns](./rows-and-columns) * [Hyperlink](./link) -* [Sorting](./sort) \ No newline at end of file +* [Sorting](./sort) diff --git a/Document-Processing/Excel/Spreadsheet/Angular/keyboard-shortcuts.md b/Document-Processing/Excel/Spreadsheet/Angular/keyboard-shortcuts.md index 4c73a38847..fc63d3c99b 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/keyboard-shortcuts.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/keyboard-shortcuts.md @@ -3,7 +3,7 @@ layout: post title: Keyboard shortcuts in Angular Spreadsheet component | Syncfusion description: Learn here all about Keyboard shortcuts in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Keyboard shortcuts +control: Keyboard shortcuts documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Angular/link.md b/Document-Processing/Excel/Spreadsheet/Angular/link.md index 11faff6930..b07a7b422f 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/link.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/link.md @@ -39,7 +39,7 @@ In the Edit Link dialog box, make the changes that you want, and click UPDATE. ## Remove Hyperlink -Performing this operation remove a single hyperlink without losing the display text. +Removing a hyperlink clears the link from a cell without losing the display text. **User Interface**: diff --git a/Document-Processing/Excel/Spreadsheet/Angular/mobile-responsiveness.md b/Document-Processing/Excel/Spreadsheet/Angular/mobile-responsiveness.md index 98fd49af12..f24d0e1dab 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/mobile-responsiveness.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/mobile-responsiveness.md @@ -3,7 +3,7 @@ layout: post title: Mobile responsiveness in Angular Spreadsheet component | Syncfusion description: Learn here all about Mobile responsiveness in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Mobile responsiveness +control: Mobile responsiveness documentation: ug --- @@ -11,7 +11,7 @@ documentation: ug The Spreadsheet control rendered in desktop mode will be adaptive in all mobile devices where the layout gets adjusted based on their parent element’s dimensions to accommodate any resolution. -You can see the overflowed items of ribbon header, ribbon content, and sheet tab using touch and swipe action. The right navigation arrow is added at the end of the ribbon content through which the user can navigate towards overflowed items. Once you reached the rightmost end of the ribbon content, the right navigation arrow will change to left navigation arrow through which you can navigate to the left of the ribbon content. +You can see the overflowed items of the ribbon header, ribbon content, and sheet tab using touch and swipe actions. A right navigation arrow is added at the end of the ribbon content through which the user can navigate towards overflowed items. Once you reach the rightmost end of the ribbon content, the right navigation arrow changes to a left navigation arrow through which you can navigate to the left of the ribbon content. ![Spreadsheet Adaptive Mode](./images/spreadsheet_adaptive_mode.gif) diff --git a/Document-Processing/Excel/Spreadsheet/Angular/notes.md b/Document-Processing/Excel/Spreadsheet/Angular/notes.md index 3c0780c4bc..1f2aa528ab 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/notes.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/notes.md @@ -3,7 +3,7 @@ layout: post title: Notes in Angular Spreadsheet component | Syncfusion description: Learn here all about the notes feature in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Notes +control: Notes documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Angular/open-save.md b/Document-Processing/Excel/Spreadsheet/Angular/open-save.md index f56508e5e9..8500d9ce93 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/open-save.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/open-save.md @@ -3,11 +3,11 @@ layout: post title: Open save in Angular Spreadsheet component | Syncfusion description: Learn here all about Open save in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Open save +control: Open and Save documentation: ug --- -# Open save in Angular Spreadsheet component +# Open and Save in Angular Spreadsheet component In import an excel file, it needs to be read and converted to client side Spreadsheet model. The converted client side Spreadsheet model is sent as JSON which is used to render Spreadsheet. Similarly, when you save the Spreadsheet, the client Spreadsheet model is sent to the server as JSON for processing and saved. Server configuration is used for this process. @@ -44,7 +44,7 @@ Please find the below table for the beforeOpen event arguments. > * Use `Ctrl + O` keyboard shortcut to open Excel documents. > * The default value of the [allowOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowopen) property in previous code snippet. -### Open an excel file using a file uploader +### Open an Excel File Using a File Uploader If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/angular/documentation/api/uploader/index-default#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) method to see the appropriate output. @@ -62,7 +62,7 @@ The following code example shows how to import an excel document using file uplo {% previewsample "/document-processing/samples/spreadsheet/angular/open-save-cs7" %} -### Open an external URL excel file while initial load +### Open an External URL Excel File on Initial Load You can achieve to access the remote excel file by using the [`created`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#created) event. In this event you can fetch the excel file and convert it to a blob. Convert this blob to a file and [`open`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) this file by using Spreadsheet component open method. @@ -78,7 +78,7 @@ You can achieve to access the remote excel file by using the [`created`](https:/ {% previewsample "/document-processing/samples/spreadsheet/angular/open-save-cs2" %} -### Open an excel file from blob data +### Open an Excel File from Blob Data By default, the Spreadsheet component provides an option to browse files from the local file system and open them within the component. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) method in the Spreadsheet component to load that `File` object. @@ -96,7 +96,7 @@ Please find the code to fetch the blob data and load it into the Spreadsheet com {% previewsample "/document-processing/samples/spreadsheet/angular/open-from-blobdata-cs1" %} -### Open an Excel file located on a server +### Open an Excel File Located on a Server By default, the Spreadsheet component provides an option to browse files from the local file system and open them within the component. If you want to load an Excel file located on a server, you need to configure the server endpoint to fetch the Excel file from the server location, process it using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, and send it back to the client side as `JSON data`. On the client side, you should use the [openFromJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#openfromjson) method to load that `JSON data` into the Spreadsheet component. @@ -151,7 +151,7 @@ You can find the server endpoint code to fetch and process the Excel file in thi fetch('https://localhost:{{port_number}}/Home/Open') ``` -### Open an excel file using a hosted web service in AWS Lambda +### Open an Excel File Using a Hosted Web Service in AWS Lambda Before proceeding with the opening process, you should deploy the spreadsheet open/save web API service in AWS Lambda. To host the open/save web service in the AWS Lambda environment, please refer to the following KB documentation. @@ -232,12 +232,12 @@ export class AppComponent { ```csharp public IActionResult Open(OpenOptions openOptions) { - // Convert the base64 string to bytes array. + // Convert the base64 string to a byte array. byte[] bytes = Convert.FromBase64String(openOptions.File); - // Loading the bytes array to stream. + // Load the byte array into a memory stream. MemoryStream stream = new MemoryStream(bytes); OpenRequest open = new OpenRequest(); - // Converting the stream into FormFile. + // Convert the stream into a FormFile. open.File = new FormFile(stream, 0, bytes.Length, "Sample", "Sample." + openOptions.Extension); if (string.IsNullOrEmpty(openOptions.Password)) open.Password = openOptions.Password; @@ -253,7 +253,7 @@ public class OpenOptions } ``` -### Open an excel file from Base64 string data +### Open an Excel File from Base64 String Data In the Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#open) method in the spreadsheet. @@ -271,7 +271,7 @@ The following code example shows how to open the spreadsheet data as base64 stri {% previewsample "/document-processing/samples/spreadsheet/angular/base-64-string" %} -### Open excel file into a read-only mode +### Open an Excel File in Read-Only Mode You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#lockcells) methods. @@ -467,7 +467,7 @@ public IActionResult Open(IFormCollection openRequest) ## Save -The Spreadsheet control saves its data, style, format, and more as Excel file document. To enable this feature, set [`allowSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) as `true` and assign service url to the [`saveUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveurl) property. +The Spreadsheet control saves its data, style, format, and more as an Excel file document. To enable this feature, set [`allowSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) as `true` and assign the service URL to the [`saveUrl`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveurl) property. **User Interface**: @@ -503,7 +503,7 @@ Please find the below table for the beforeSave event arguments. > * The default value of [allowSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) property is `true`. For demonstration purpose, we have showcased the [allowSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowsave) property in previous code snippet. > * Demo purpose only, we have used the online web service url link. -### Save an excel file as blob data +### Save an Excel File as Blob Data By default, the Spreadsheet component saves the Excel file and downloads it to the local file system. If you want to save an Excel file as blob data, you need to set `needBlobData` property to **true** and `isFullPost` property to **false** in the [beforeSave](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event of the spreadsheet. Subsequently, you will receive the spreadsheet data as a blob in the [saveComplete](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#savecomplete) event. You can then post the blob data to the server endpoint for saving. @@ -521,7 +521,7 @@ Please find below the code to retrieve blob data from the Spreadsheet component {% previewsample "/document-processing/samples/spreadsheet/angular/save-as-blobdata-cs1" %} -### Save an Excel file to a server +### Save an Excel File to a Server By default, the Spreadsheet component saves the Excel file and downloads it to the local file system. If you want to save an Excel file to a server location, you need to configure the server endpoint to convert the spreadsheet data into a file stream and save it to the server location. To do this, first, on the client side, you must convert the spreadsheet data into `JSON` format using the [saveAsJson](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#saveasjson) method and send it to the server endpoint. On the server endpoint, you should convert the received spreadsheet `JSON` data into a file stream using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, then convert the stream into an Excel file, and finally save it to the server location. @@ -588,7 +588,7 @@ You can find the server endpoint code to save the spreadsheet data as an Excel f fetch('https://localhost:{{port_number}}/Home/Save') ``` -### Save an excel file using a hosted web service in AWS Lambda +### Save an Excel File Using a Hosted Web Service in AWS Lambda Before proceeding with the save process, you should deploy the spreadsheet open/save web API service in AWS Lambda. To host the open/save web service in the AWS Lambda environment, please refer to the following KB documentation. @@ -748,7 +748,7 @@ The following code snippet demonstrates how to configure the serialization optio {% previewsample "/document-processing/samples/spreadsheet/angular/save-as-json" %} -### Send and receive custom params from client to server +### Send and Receive Custom Parameters from Client to Server Passing the custom parameters from client to server by using [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event. diff --git a/Document-Processing/Excel/Spreadsheet/Angular/overview.md b/Document-Processing/Excel/Spreadsheet/Angular/overview.md index 5e279074ea..a25760fc3b 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/overview.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/overview.md @@ -3,13 +3,13 @@ layout: post title: Overview of the Angular Spreadsheet Component| Syncfusion description: Learn here all about overview of the Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Index +control: Spreadsheet documentation: ug --- # Overview of the Angular Spreadsheet Component -The [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) is an user interactive component to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with XLSX, XLS, CSV and PDF formats. +The [Angular Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/angular-spreadsheet-editor) is a user-interactive component to organize and analyze data in a tabular format, with configuration options for customization. It loads data by importing an Excel/CSV file, or from local and remote data sources such as JSON, RESTful services, and OData services, and more. The populated data can be exported to Excel (XLSX and XLS), CSV, and PDF formats. ![Angular Spreadsheet component](./images/overview-banner.png) diff --git a/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md index 29ca67ecc3..3bcf973ce9 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/performance-best-practices.md @@ -3,7 +3,7 @@ layout: post title: Performance practices in Angular Spreadsheet component | Syncfusion description: Learn here all about performance best practices in the Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Performance +control: Spreadsheet documentation: ug --- @@ -23,7 +23,7 @@ For more details, refer to the [virtual scrolling documentation](https://help.sy ### Chunk response processing -When opening large Excel files with extensive data and features, server responses can become too large—leading to memory issues or connection failures during transmission. The Chunk Response Processing feature addresses this by breaking the response into smaller chunks and sending them in parallel to the client. +When opening large Excel files with extensive data and features, server responses can become too large, leading to memory issues or connection failures during transmission. The Chunk Response Processing feature addresses this by breaking the response into smaller chunks and sending them in parallel to the client. These chunks are combined on the client side to load the Excel data smoothly into the Spreadsheet. This approach avoids transmission failures due to memory constraints and ensures reliable and efficient loading of large files. @@ -102,9 +102,9 @@ To learn more about Manual Calculation Mode and how to enable it, you can refer ### Handling large file saves with `isFullPost` option -When saving large Excel files with extensive data and features using **File → Save As** or the **save** method, the Spreadsheet triggers a server API call through a form submit operation. This can lead to performance issues such as timeouts or delays, particularly due to the size and complexity of the workbook. +When saving large Excel files using **File → Save As** or the [`save`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#save) method, the Spreadsheet triggers a server API call through a form submit operation. This can lead to performance issues such as timeouts or delays, particularly due to the size and complexity of the workbook. -To mitigate these issues during the save operation, you can set the [`isFullPost`](https://helpej2.syncfusion.com/angular/documentation/api/spreadsheet/beforesaveeventargs#isfullpost) property to **false** in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event of the Spreadsheet. +To mitigate these issues during the save operation, you can set the [`isFullPost`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/beforesaveeventargs#isfullpost) property to **false** in the [`beforeSave`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#beforesave) event of the Spreadsheet. The following code example shows how to set `isFullPost` to **false** in the Spreadsheet component: diff --git a/Document-Processing/Excel/Spreadsheet/Angular/performance-metrics.md b/Document-Processing/Excel/Spreadsheet/Angular/performance-metrics.md index 98c188ced1..05a3e47bfd 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/performance-metrics.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/performance-metrics.md @@ -3,7 +3,7 @@ layout: post title: Performance Metrics for Angular Spreadsheet Control | Syncfusion description: Learn about performance metrics for Angular Spreadsheet control, measured results, and environment details. platform: document-processing -control: Performance +control: Spreadsheet documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md b/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md index 464e3a1a25..465f2a41b9 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/ribbon.md @@ -3,7 +3,7 @@ layout: post title: Ribbon in Angular Spreadsheet component | Syncfusion description: Learn here all about Ribbon in Syncfusion Angular Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Ribbon +control: Ribbon documentation: ug ---