Essential Studio for Vue - v32.1.20 Release Notes
Common
Bug Fixes
-
#I776886- Fixed a memory leak issue in Vue components when using slot templates during data source updates.
Accumulation Chart
Feature
- Users can now use the
noDataTemplateproperty in Accumulation Chart to define a custom template that clearly indicates when chart data is unavailable.
Barcode
Bug Fixes
-
#I508544- Now, the DataMatrix barcode is rendered properly with alphanumeric values.
Block Editor
Bug Fixes
- Now the issues with table block row/column copy and undo redo actions has been resolved.
Chart
Bug Fixes
-
#I774573- Now, the column chart is rendered properly withcolumnWidthInPixelwhen rendered with column.
Charts
Feature
- Users can now use the
noDataTemplateproperty in Charts to define a custom template that clearly indicates when chart data is unavailable.
Explore the demo here
Bug Fixes
-
#T745980- The legend text trim tooltip will no longer be cropped at the bottom of the legend bounds. -
#T754125- The marker will no longer render when it exceeds the axis range.
Chat UI
Bug Fixes
- Now the actual event argument parameters of the
AttachmentClickEventArgswill be accessible now.
Chip
Features
-
#FB63852- Provided drag-and-drop functionality to rearrange chips and move them between containers. To enable drag and drop, setallowDragAndDropto true.
ColorPicker
Bug Fixes
-
#I904686- Issue with “Color picker component was not properly read in accessibility tool” has been resolved.
DateRangePicker
Bug Fixes
-
#I753728- Fixed an issue where the date range picker with the preset range popup would open behind the drawer.
Diagram
Bug Fixes
-
#I792576- The NaN exception scaling error will no longer occur when resizing path nodes without dimensions. -
#I784056- Issues in layer’s moveObject function has been fixed.
DocumentEditor
Bug Fixes
#785176 - Fixed misalignment of spell-check underline caused by leading space in the error element.
#772957 - Resolved issue where bookmarks were removed when inserting text.
#785511 - Corrected highlight color behaviour during text insertion in highlighted paragraphs.
#788338 - Updated bookmark behaviour to move to the next paragraph when pressing Enter.
#792266 - Fixed script error occurring when pasting text inside a table.
#789132 - Resolved paragraph and bookmark position issues during rendering.
#791795 - Fixed table overlap after inserting columns and rows in Blazor WASM.
#792760 - Corrected gap at the right corner when applying table shading.
#779998 - Fixed table border toggle issue when applied from the toolbar.
#784718 - Resolved spell-check “Ignore” and “Ignore All” issue when selecting.
DropdownList
Bug Fixes
-
#I791038- Resolved the issue where the popup rendered with a gap between the search box and the input element when using the Material 3 theme.
DropDownTree
Bug Fixes
-
#I778358- The issue with pre-filtered selections cleared When click on the close icon in Dropdown Tree Component has been resolved.
FileManager
Bug Fixes
-
#I696366- Resolved the issue with copying and pasting a folder from the navigation pane to the layout pane in File Manager component.
GanttChart
Bug fixes
-
#I791822- FixedgridLinesmisalignment when virtualization was enabled in the Firefox browser. -
#I791825- Resolved the issue where verticalgridLinesdisappeared after scrolling with virtualization enabled in Firefox browser. -
#I796445- Resolved the issue where taskbars are not visible while filtering the collapsed record. -
#I786381- Resolved the issue where cyclic dependency validation incorrectly handled Parent-Child task relationships, leading to inaccurate render of dependencies. -
#I792757- Resolved performance degradation during CRUD operations in the React Gantt component when column templates are enabled, delivering improved responsiveness and a smoother user experience.
Grid
Bug fixes
-
#I784568- Resolved an issue where edited values were not saved when usingeditTemplatewithvirtualizationin the Grid. -
#I788221- Added support for ordering columns byheaderTextin the column chooser. -
#I782100- Fixed an issue where the column chooser was not fully visible when the Grid was positioned at the bottom of the page. -
#I791047- Fixed an issue where case sensitivity was ignored during lazy load grouping. -
#I795201- Resolved an issue where the scrollbar position was not retained after toggling columns in the column chooser.
HeatMap
New Features
-
#I450186- HeatMap’s axis labels can now include line break characters. -
#I287338- Label templates can be displayed in place of cell labels to provide additional information.
Image Editor
Features
-
Opening images with custom width and height- Users can now open images with specified width and height values using the imageSettings parameter in theOpenmethod. This enhancement introduces three additional properties:width,height,andisAspectRatio.Image dimensions can be precisely controlled while preserving the aspect ratio, if needed. This provides more control over rendering images, especially when dealing with high-resolution images or fixed canvas requirements. -
Underline and strikethrough support for text annotation-UnderlineandStrikethroughformatting options have been added to text annotations. This feature is useful for creating instructional materials, documentation screenshots, and professional image presentations. -
Loading BMP images- Users can load BMP (Bitmap) image files, expanding its file format compatibility. Users can upload BMP files via the file uploader UI or programmatically using theOpenmethod. This addresses the needs of design professionals and users working with high-resolution images.
Kanban
-
#F71773- Now, auto horizontal scrolling works properly when dragging a card to the left or right side of the Kanban.
ListView
Breaking Changes
- Using a ternary operator within the string-type template is not supported and we suggest using a function type template in ListView. Refer to the below code for example
Previous
let template: string = '<div class="e-list-wrapper e-list-avatar" id = ${id}>' +
'<span class="e-list-content">${name} ${$imgUrl ? $imgUrl : \'no image\' }</span></div>';Now
// data denotes the template data of each nodes from ListView data.
let template: Function = (data: any) => {
let result = `<div class="e-list-wrapper e-list-avatar" id = "${data.id}">`+
`<span class="e-list-content">${data.name} ${data.imgUrl ? data.imgUrl : 'no image' }</span></div>`;
return result;
}Maps
New Features
- An animation transition will now occur when the data labels are first rendered.
Bug Fixes
-
#I493376- The tooltip will now be displayed properly above the marker templates.
PDF Viewer
Bug Fixes
-
#I796714- Resolved an issue where the annotation property tool UI was displayed incorrectly after repeatedly switching between the Text Markup tool and Ink Annotation tool on iPad devices whenenableDesktopModeAPI was set to true. -
#I788303- Resolved an issue where the stamp annotation appearance was incorrect after rotating, dragging, and resizing. -
#I778410- Fixed an issue where theannotationMouseLeaveevent was triggered unexpectedly when hovering over annotations. -
#I793903- Resolved an issue where the text area expanded while typing in a Free Text annotation. -
#I788306- Fixed an issue where the shape label position and font size were incorrect in the downloaded document. -
#I790403- Resolved an issue where clicking the last comment scrolled to the top of the comment panel. -
#I791590- Resolved an issue where a gap appeared between the line and end style whenlineHeadStylewas set toButt. -
#I796761- Resolved an issue where Free Text annotations could not be edited via double tap and long press on iPad devices whenenableDesktopModeAPI was set to true. - Resolved an issue where radio button groups across different pages caused a null-reference error and broke page rendering.
Pivot Table
Bug Fixes
-
I792577- The Pivot Table now renders correctly when a parent field member is expanded while the tabular layout is enabled. -
I791186- The Pivot Table now preserves the original data order when sorting is disabled, ensuring a consistent display without unintended reordering. -
I787359,I795042- The Pivot Table subtotal cells now have consistent properties in theaggregateCellInfoevent for both tabular and compact layouts.
ProgressBar
Bug Fixes
-
#I690917- Now, the tooltip renders properly when updating the progress value on data binding.
QueryBuilder
-
#I80058- Issue with “String type between values not update properly in query builder rules” has been fixed.
RichTextEditor
Bug Fixes
-
#I794986- Now, pressing the enter key works properly when the cursor is placed after a divider element pasted from a Word document into the Rich Text Editor. -
#I792912- Now, the target attribute remains intact in the inserted link element when theenableXhtmlproperty is enabled in the Rich Text Editor.
Schedule
Bug fixes
-
#I781882- Fixed an issue where appointment resizing behaved incorrectly when browser zoom is set to 90%. -
#I792237- Fixed an issue where appointment resizing behaved incorrectly when the time scale was customized usingstartHourandendHourinTimelineDayview. -
#F197681- The issue where theresourceHeaderTemplatedid not receive the date value, when it was grouped has been fixed.
Spreadsheet
Bug fixes
-
#I778016- Issue with “row height does not adjust properly when thick borders are applied” has been resolved.
Stock Chart
Feature
- Users can now use the
noDataTemplateproperty in Stock Chart to define a custom template that clearly indicates when chart data is unavailable.
Tab
Bug Fixes
-
#I736712- Fixed an issue where thegetItemIndexmethod returned an incorrect tab item index when tab items were dynamically shown or hidden.
Tree Grid
Features
-
Introduced sticky header support in the Tree Grid, allowing column headers to stay fixed during scrolling. This improves navigation and readability in large hierarchical data views. Explore the demo here.
-
Enhanced support for
LoadChildOnDemandin the Tree Grid with remote data binding and virtual scrolling. This improvement enables efficient, on-demand retrieval of child records, ensuring smoother performance when working with large hierarchical datasets.
Test Results
| Component Name | Test Cases | Passed | Failed | Remarks |
|---|---|---|---|---|
| 3D Chart | 232 | 232 | 0 | All Passed |
| 3D Circular Chart | 374 | 374 | 0 | All Passed |
| Accordion | 208 | 208 | 0 | All Passed |
| AI Assist View | 430 | 430 | 0 | All Passed |
| App Bar | 67 | 67 | 0 | All Passed |
| AutoComplete | 200 | 200 | 0 | All Passed |
| Breadcrumb | 160 | 160 | 0 | All Passed |
| Bullet Chart | 169 | 169 | 0 | All Passed |
| Button | 145 | 145 | 0 | All Passed |
| ButtonGroup | 120 | 120 | 0 | All Passed |
| calendar | 177 | 177 | 0 | All Passed |
| Carousel | 61 | 61 | 0 | All Passed |
| Chart | 5025 | 5025 | 0 | All Passed |
| Chat UI | 500 | 500 | 0 | All Passed |
| Checkbox | 37 | 37 | 0 | All Passed |
| CircularGauge | 429 | 429 | 0 | All Passed |
| ColorPicker | 130 | 130 | 0 | All Passed |
| Combo Box | 144 | 144 | 0 | All Passed |
| Common | 906 | 906 | 0 | All Passed |
| Context Menu | 105 | 105 | 0 | All Passed |
| Data Grid | 3705 | 3705 | 0 | All Passed |
| Date Picker | 427 | 427 | 0 | All Passed |
| Date Range Picker | 515 | 515 | 0 | All Passed |
| Date Time Picker | 325 | 325 | 0 | All Passed |
| Diagram | 16255 | 16255 | 0 | All Passed |
| Dialog | 63 | 63 | 0 | All Passed |
| DropDown Button | 132 | 132 | 0 | All Passed |
| Dropdown List | 203 | 203 | 0 | All Passed |
| Dropdown Tree | 106 | 106 | 0 | All Passed |
| File Manager | 2197 | 2197 | 0 | All Passed |
| Floating Action Button | 174 | 174 | 0 | All Passed |
| Gantt | 4376 | 4376 | 0 | All Passed |
| HeatMap Chart | 478 | 478 | 0 | All Passed |
| Image Editor | 1653 | 1653 | 0 | All Passed |
| In-place Editor | 643 | 643 | 0 | All Passed |
| Kanban | 268 | 268 | 0 | All Passed |
| LinearGauge | 426 | 426 | 0 | All Passed |
| Listbox | 115 | 115 | 0 | All Passed |
| ListView | 81 | 81 | 0 | All Passed |
| Maps | 1244 | 1244 | 0 | All Passed |
| Mention | 46 | 46 | 0 | All Passed |
| Menu | 187 | 187 | 0 | All Passed |
| Multicolumn Combo Box | 254 | 254 | 0 | All Passed |
| Multiselect Dropdown | 445 | 445 | 0 | All Passed |
| OTP Input | 240 | 240 | 0 | All Passed |
| Pivot Table | 5348 | 5348 | 0 | All Passed |
| Progress Bar | 83 | 83 | 0 | All Passed |
| Progress Button | 132 | 132 | 0 | All Passed |
| Query Builder | 480 | 480 | 0 | All Passed |
| RadioButton | 45 | 45 | 0 | All Passed |
| RangeNavigator | 140 | 140 | 0 | All Passed |
| Rating | 198 | 198 | 0 | All Passed |
| Ribbon | 625 | 625 | 0 | All Passed |
| Rich Text Editor | 5136 | 5136 | 0 | All Passed |
| schedule | 4645 | 4645 | 0 | All Passed |
| sidebar | 86 | 86 | 0 | All Passed |
| Signature | 105 | 105 | 0 | All Passed |
| Skeleton | 144 | 144 | 0 | All Passed |
| Slider | 147 | 147 | 0 | All Passed |
| SmithChart | 49 | 49 | 0 | All Passed |
| Sparkline | 57 | 57 | 0 | All Passed |
| Speech To Text | 200 | 200 | 0 | All Passed |
| Speed Dial | 366 | 366 | 0 | All Passed |
| Split Button | 144 | 144 | 0 | All Passed |
| Stepper | 91 | 91 | 0 | All Passed |
| Stock Chart | 379 | 379 | 0 | All Passed |
| Tab | 69 | 69 | 0 | All Passed |
| Text Area | 107 | 107 | 0 | All Passed |
| TextBox | 58 | 58 | 0 | All Passed |
| Time Picker | 180 | 180 | 0 | All Passed |
| Timeline | 213 | 213 | 0 | All Passed |
| Toast | 139 | 139 | 0 | All Passed |
| Toolbar | 135 | 135 | 0 | All Passed |
| ToolTip | 132 | 132 | 0 | All Passed |
| TreeGrid | 3859 | 3859 | 0 | All Passed |
| Treemap | 264 | 264 | 0 | All Passed |
| Treeview | 371 | 371 | 0 | All Passed |