Essential Studio for Angular Release Notes
Common
Features
-
#F155731
- Provided an option to enable or disable the animation across all Syncfusion components.
Bug Fixes
-
#I486549
- ProvidedclearTemplates
support forAccordion
Component. -
#F45098
,#I497414
- Resolved theComplex Directives
property changes not being applied properly. -
#I496453
- Resolved theTemplate
binding not working properly in Form Base. -
#I473932
- Resolved theAngular Form
states not working properly for theOnPush
strategy.
AutoComplete
Features
-
#FB9773
- Introducing the Virtual Scrolling feature for theAutoComplete
component, it is a game-changer for managing large datasets. This feature drastically improves performance by ensuring faster loading and smoother scrolling, even with extensive data.You can check out the demo link here.
Chart
Features
-
#I462095
- Provided support for using column or bar charts to display data in the form of cylindrical-shaped items. -
#I395116
- Provided support for synchronizing tooltips, zooming and panning, cross-hairs, highlights, and selection features across numerous charts. -
#I420935
- Provided support for exporting chart data to Excel in a table format. -
#I489636
- It is now possible to add a background and border to the chart title and subtitle. -
#F182191
- Provided support to hide the nearest data in tooltip when having multiple axis. -
#I294830
- Enhanced PDF export feature facilitates exporting charts from the web page onto multiple pages within a PDF document.
ColorPicker
Bug Fixes
-
#I498617
,#I495918
- Resolved tootip issue in Color Picker component. - Enhanced collision handling on both the left and right sides for Color Picker component.
ComboBox
Features
-
#FB9773
- Introducing the Virtual Scrolling feature for theComboBox
component, it is a game-changer for managing large datasets. This feature drastically improves performance by ensuring faster loading and smoother scrolling, even with extensive data.You can check out the demo link here.
Diagram
Features
-
#I379033
- Added port support for the connector. - Provided support to modify the bezier segment thumb.
- Provided support to close the print window while closing the parent window.
- Provided API support to add segments for straight connectors at runtime.
- Provided support to toggle the selection state of the diagram elements at runtime.
-
#I476281
- Provided sticky mode support for the diagram tooltip.
Document Editor
Features
-
#I471020
- Introduced support for table titles and descriptions which is essential for accessibility. It provide a way for people using a screen reader or other assistive technology to understand the content of the table without having to see it. Kindly refer our online demo.
DropdownList
Features
-
#FB9773
- Introducing the Virtual Scrolling feature for theDropDownList
component, it is a game-changer for managing large datasets. This feature drastically improves performance by ensuring faster loading and smoother scrolling, even with extensive data.You can check out the demo link here.
Bug Fixes
-
#I472623
- Resolved an issue when the window is resizing the popup position is misaligned
GanttChart
Features
-
#I275966
- Provided lazy loading support in Gantt chart. Please find the demo link here. -
#I396039
- Provided baseline support for PDF export in Gantt Chart. - Provided support to export the Gantt component where each rows are auto-fit to the PDF document page width. Please find the demo link here.
- Provided touch interaction support for taskbar resizing, dragging, predecessor connectivity in Gantt chart.
Grid
Bug fixes
-
#I488183
- Fixed an issue where the frozen columns get hidden while using auto-generated columns. -
#I473780
- Resolved an issue where the frozen horizontal scroll did not work when a validation error message is shown. -
#I486159
- Fixed an issue where the Column Reorder was not working properly when the frozen right feature is enabled. -
#I498644
- Resolved an issue where the skip and take parameters are not passed to the server-side while performing grid actions only in the case of the total number of records and page sizes are equal.
Features
-
#FB10384
- Provided the support for exporting the grid with Column template and Detail template at the client side by using theexportDetailTemplate
event of the grid where each cell of the grid rows can be customized. Find the demo link here. -
#FB10132
- Provided the support for exporting multiple grids in the same or different pages into PDF and Excel formats by listing the id values of each grid that needs to be exported in theexportGrids
property of Grid. Find the demo link here. -
#FB44392
- Provided the support for Column Virtualization with pagination in Grid. - Improved frozen rows and columns by enabling previously limited features such as Grouping, Row templates, Infinite scrolling, Stacked Header, and Column Virtualization. Find the demo link here.
- Introduced a new column freezing mode known as
Fixed
, in addition to the existingLeft
,Right
, andCenter
modes within the column settings’ freeze property. ThisFixed
mode locks columns in place, ensuring their visibility during horizontal scrolling. Find the demo link here.
Breaking Changes
- Revamped the frozen feature by replacing the previous three-table approach with a single table, resulting in significant performance improvements and a reduction in file size. This update eliminates the need to inject the
Freeze
module to utilize the frozen feature, making it more efficient. We have listed the deprecated methods of frozen feature and their alternatives.
Deprecated Methods
Deprecated Methods | Previous | Current | Suggested Alternative Methods |
---|---|---|---|
getMovableRows() |
This method returns only the movable table rows (tr's) . |
This method will return all table rows (tr's) of the entire table. The movable cells within the tr element can be selected using the e-unfreeze class. |
getRows() |
getFrozenRightRows() |
This method returns only the table rows (tr's) from the freeze right table. |
This method will return all the rows (tr’s) of the entire table. The frozen right cells can be selected using the e-rightfreeze class. |
getRows() |
getMovableRowByIndex() getFrozenRowByIndex() getFrozenRightRowByIndex()
|
* getMovableRowByIndex - select a movable row * getFrozenRowByIndex - select a freeze row * getFrozenRightRowByIndex - select a right freeze row. |
This method will return the table row (tr) based on the given index. Additionally, class names for table cells (td's) have been separated as follows: * Left-Freeze: e-leftfreeze * Movable: e-unfreeze * Right-Freeze : e-rightfreeze
|
getRowByIndex() |
getMovableCellFromIndex() getFrozenRightCellFromIndex()
|
* getMovableCellFromIndex() - select a particular cell in the movable table. * getFrozenRightCellFromIndex() - select a particular cell in the right freeze table. |
No change | getCellFromIndex() |
getMovableDataRows() getFrozenRightDataRows() getFrozenDataRows()
|
These methods return the viewport data rows for the freeze, movable, and right tables separately. | This method, will return the entire viewport data rows. | getDataRows() |
getMovableColumnHeaderByIndex() getFrozenRightColumnHeaderByIndex() getFrozenLeftColumnHeaderByIndex()
|
These methods select the movable, right freeze, and left freeze headers from the table separately. | No change |
getColumnHeaderByIndex () |
ImageEditor
Features
-
Provided Support for image annotations, including the ability to insert and display multiple images alongside the main image being edited, is now provided through the annotation button in the toolbar. The drawImage method is employed to seamlessly incorporate these additional images into the primary image.
-
The addition of frame support allows for the application of decorative borders or frames around images, enhancing their visual appeal. This functionality can be accessed through the toolbar and is complemented by the drawFrame method, enabling users to apply various types of frames to their images.
-
Resizing support has been introduced, enabling the adjustment of image size and dimensions for diverse purposes like printing or web display. This feature is accessible through the toolbar and is complemented by the resize method, allowing users to modify image dimensions while preserving or disregarding aspect ratios as needed.
In-Place Editor
Bug Fixes
-
#F495335
- Issue with “Clear Icon Not Initially Visible in DropDownList Inside InplaceEditor on First Focus” has been resolved.
Kanban
Bug Fixes
#I492818
- Now, fast scrolling from top to bottom of the column continuously works properly.
#I495751
- Now, dragging a card to the first position in the Kanban works properly without flickering.
ListBox
Bug Fixes
-
#F43705
- Issue with “Dropping selected items does not work correctly while enabling the checkbox in listbox component.” has been resolved.
Message
Bug Fixes
- The issue with “the close icon being misaligned when the content alignment was set to centre” has been resolved.
MultiSelect
Bug Fixes
-
#I451885
- Resolved the performance issue when multiselect component is rendered with large number of data.
PDF Viewer
Bug fixes
-
#I489522
- Now, when annotations are double-clicked, theisDocumentEdited API
no longer switches to the TRUE state. -
#I492457
- Now, the page renders properly after zooming in and out when the provided PDF document is loaded. -
#I488322
- Now, the annotations exported from the older version are imported into the latest version -
#I491908
- Now, the type of handwritten signature in Arabic language is retained when downloading the document. -
#I490945
- Now, the rotation of the annotations is properly preserved when importing them before rendering the pages.
Features
-
#I472310
- Provided support to render the digital signature appearance in the exported images using the ‘Export as Image APIs’. -
#I445342
- Provided support to enable or disable the lock on comment replies for annotations. -
#I320602
,#I332921
,#I335469
,#I334005
,#I336580
,#I338402
,#I340993
,#I342275
,#I342451
,#I344418
,#I345156
,#I297938
,#I374753
,#F156674
,#379682
,#I379543
,#I381844
,#I428937
,#I448747
,#I450636
,#I448292
,#I453737
,#I453781
,#I494648
,#I495352
- Provided support for client side rendering using the PDFIUM Web Assembly. - Provided support to restrict file downloads when exporting form fields and annotations using the event argument “cancel”.
PivotTable
Breaking Changes
- The skeleton (aka, HTML) of the pivot table has been restructured. Previously, the pivot table displayed frozen row headers and values data in a two-table manner. It has been simplified to one table. The appearance of the horizontal scrollbar has changed as the row headers were frozen using the CSS attributes. However, the pivot table’s appearance will remain unchanged as the prior version.
- Because the DOM structure of the pivot table has changed, the following classes included elements have been removed and can now be identified using the classes listed below.
- The frozen and moveable header elements have now been identified within the
e-gridheader
element using the class names shown below.
Previous | Now | Description |
---|---|---|
e-frozenheader > e-table > th.e-headercell |
e-table > th.e-leftfreeze.e-headercell |
Element defining the frozen column header. |
e-movableheader > e-table > th.e-headercell |
e-table > th.e-unfreeze.e-headercell |
Element defining the moveable column header. |
- The frozen and moveable content elements have now been identified within the
e-gridcontent
element using the class names shown below.
Previous | Now | Description |
---|---|---|
e-frozencontent > e-table > th.e-rowcell |
e-table > th.e-leftfreeze.e-rowcell |
Element defining the frozen content (aka, row headers). |
e-movablecontent > e-table > th.e-rowcell |
e-table > th.e-unfreeze.e-rowcell |
Element defining the moveable content (aka, values). |
QueryBuilder
Bug Fixes
-
#I375472
Issue with Rule template default rendered while add condition/group in query builder, if first column as rule template has been fixed. -
#I388333
Issue with Value template not destroy properly when we use complex data source in query builder has been fixed.
Ribbon
Features
-
GroupButton: Provided a new GroupButton built-in item, which allows users to group buttons and supports single and multiple selection.
-
Backstage: Added backstage view support for displaying information, based on the user interactions with backstage options.
Bug Fixes
-
I491293
- Now, we have provided methods in ribbon to hide/show and enable/disable for tabs, groups, and items. -
#I484502
- Provided a new propertyhideLayoutSwitcher
to control the visibility of the layout switcher button in the ribbon. -
#I488294
- Provided a new propertycreatePopupOnClick
for adding or removing pop-up elements dynamically when the button is clicked.
RichTextEditor
Features
-
Cropped image paste from MS Word:
#I456729
- This feature allows users to paste the cropped images from MS Word into the Rich Text Editor. -
Quick Format Toolbar:
#I445348
- Provided the Quick Format Toolbar for text support, and it will appear when selecting text in the editor.
Bug Fixes
-
#I481117
- Now, pasting multiple images from the MS Word into the Rich Text Editor works properly. -
#I494646
- Now, the full screen icon’s tooltip removed properly when switching to full screen in the Rich Text Editor. -
#I493182
- Now, theenablePersistence
API works properly in the Rich Text Editor on page navigation. -
#I491731
- Now, the indentation works properly when pasting the content from notepad. -
#I495375
- Now, theenableHtmlSanitizer
API works properly in the Rich Text Editor. -
#F183553
- Now, pressing the enter key after opening any dialog in the Rich Text Editor doesn’t submit the form. -
#I488318
- Now, the cursor position is set properly when pressing the space key in the Rich Text Editor. -
#I468317
- Now, the enter key action works properly while settingenableXhtml
to true when there is null value in the Rich Text Editor. -
#I492704
- Now, pressing the enter key when the cursor is placed after the video works properly. -
#I481117
- Now, pasting multiple base64 images into the Rich Text Editor triggers the upload process properly. -
#I485336
- Now, the pasting multiple images into the Rich Text Editor triggers the upload process properly. -
#I496219
- Now, the tooltip is not open while opening the dialog. -
#I488318
- Now, the cursor position is set properly when pressing the space key in the Rich Text Editor.
Schedule
Features
-
#I393657
- Provided on-demand data loading support usingenableLazyLoading
property, that allows users to retrieve events from remote services for the current view port alone and retrieve the remaining data on demand while scrolling, which improves the performance and usability of the Scheduler component. -
#I397280
,#I296716
,#F184285
,#FB37717
- ProvidedvirtualScrollStart
andvirtualScrollStop
event support to notify the resource virtual scrolling actions of Scheduler. -
#I339243
,#I365629
,#F174284
- Provided support to customize the header and footer of editor window.
Spreadsheet
Features
-
#339651
- Now, provided support for displaying the error alert dialog when an invalid formula is typed, or the wrong number of arguments is supplied to the formula. -
#369492
- Now, you can experience cut and paste actions in the Spreadsheet faster compared to earlier versions. -
#476502
- Now, you can experience smooth scrolling with multiple conditional formatting set in the Spreadsheet, which is faster compared to earlier versions.
StockChart
Features
-
#I253147
- Provided support for exporting chart data to Excel in a table format. - New axis type
DateTimeCategory
is now available to show only business days.
Textbox
Bug Fixes
-
I453508
- Fixed the issue where the e-outline breaks when an icon is prepended to the textbox.
Tooltip
Bug Fixes
-
#I498062
- The issue with the disabled arrow tip pointer has been resolved. -
#I494771
- Provided support to dynamically update the isSticky property value of the Tooltip component.
TreeGrid
Features
-
#I341079
- Provided support for exporting data to PDF, CSV, and Excel formats using server-side functionality. Please find the demo here. -
Added support for the new
fixed
mode within thefreeze
property of column settings. When a column is set asfixed
, it will stay within the viewport during horizontal scrolling, enhancing the user experience with improved visibility and efficiency.
Breaking Changes
- Optimized the frozen columns feature in Tree Grid and thus changed the dom structure of tree grid from two table to single table architecture. Also, the following methods have been deprecated, and it’s recommended to use the following alternatives instead.
Deprecated Methods | Previous | Current | Suggested Alternative Methods |
---|---|---|---|
getMovableRows() |
This method returns only the movable table rows (tr's) . |
This method will return all table rows (tr's) of the entire table. The movable cells within the tr element can be selected using the e-unfreeze class. |
getRows() |
getFrozenRightRows() |
This method returns only the table rows (tr's) from the freeze right table. |
This method will return all the rows (tr’s) of the entire table. The frozen right cells can be selected using the e-rightfreeze class. |
getRows() |
getMovableRowByIndex() getFrozenRightRowByIndex()
|
* getMovableRowByIndex - select a movable row * getFrozenRightRowByIndex - select a right freeze row. |
This method will return the table row (tr) based on the given index. Additionally, class names for table cells (td's) have been separated as follows: * Left-Freeze: e-leftfreeze * Movable: e-unfreeze |
getRowByIndex() |
getMovableCellFromIndex() getFrozenRightCellFromIndex()
|
* getMovableCellFromIndex() - select a particular cell in the movable table. * getFrozenRightCellFromIndex() - select a particular cell in the right freeze table. |
No change | getCellFromIndex() |
getMovableDataRows() getFrozenRightDataRows()
|
These methods return the viewport data rows for the freeze, movable tables separately. | This method, will return the entire viewport data rows. | getDataRows() |
getMovableColumnHeaderByIndex() getFrozenRightColumnHeaderByIndex() getFrozenLeftColumnHeaderByIndex()
|
These methods select the movable, right freeze, and left freeze headers from the table separately. | No change |
getColumnHeaderByIndex () |
TreeView
Bug fixes
-
#I496955
- The expanded state not maintained while check the child node has been resolved.