Essential Studio for React Release Notes - v31.1.17
Block Editor
Bug Fixes
-
Enhanced JSON Schema: Updated all block types to use a new JSON structure with a dedicatedpropsproperty, isolating block-specific settings for improved customization. This upgrade simplifies managing complex layouts and supports scalable, efficient configurations.
Explore the documentation here
Chat UI
Features
- Now we have provided
@mentionsupport in the Chat UI, enabling users to tag others from a suggested list. This functionality is controlled using thementionUsersproperty.
Explore the demo here
ComboBox
Bug Fixes
-
#I749390- Fixed an issue with the initial selected value in the ComboboxComponent when using remote data binding and virtualization with the GraphQLAdaptor.
Diagram
Features
-
Connector segment preservation with undo/redo Connector segment adjustments are now retained when source or target nodes are moved. These changes are fully integrated with Undo/Redo operations, allowing seamless reversal or reapplication of connector path updates.
-
HTML/SVG template node support in symbol palette The Symbol Palette now supports rendering nodes using custom HTML and SVG templates. This enables rich visual customization for domain-specific symbols and enhances palette design flexibility. You can check out the demo link here.
-
Disable tooltip control for symbol palette The Symbol Palette now offers improved tooltip customization through the “showTooltip” property. This enhancement allows developers to enable or disable tooltips for shapes and connectors, override default tooltip content (which previously displayed only the element ID), and deliver a more contextual and user-friendly experience for diagram elements.
GanttChart
Feature
-
#I732144- Enhanced React Gantt performance in virtualization scenarios involving task dependencies by refining data rendering and dependency handling. These improvements enable smoother user interaction and improved scalability when working with large datasets.
Grid
Features
- The Grid now supports merging cells with matching data using
enableRowSpanandenableColumnSpan. This feature enhances data visualization by automatically combining cells across rows or columns. -
#I619033- The Grid allows reordering the column chooser list with thebeforeColumnChooserOpenevent. You can sort or set a custom column sequence for a better experience.
Breaking Changes
-
#I728489- Improved accessibility in Grid by updating attribute naming conventions. The following attributes have been changed to align with standard HTMLdata-attributes:
| Before | After |
|---|---|
| ej-mappingname | data-mappingname |
| ej-mappingvalue | data-mappingvalue |
| e-mappingguid | data-mappinguid |
| uid | data-uid |
| colType | data-coltype |
| Index | data-index |
| data-e-mappingguid | data-mappinguid |
| data-e-mappingname | data-mappingname |
Kanban
Features
-
Column Drag and Drop: This feature allows users to reorder columns in the Kanban control by setting the
allowColumnDragAndDropproperty to true. When enabled, columns can be dragged and dropped to rearrange their order effortlessly. Explore the demos here.
PDF Viewer
Features
-
#I703098- Added support for angle constraints in line-based annotations, with customizable angle settings.
Pivot Table
Bug Fixes
-
#I704835- The onHeaderSort event will now correctly return the level name when filtering is applied in the pivot table. -
#I756525- The popup field list will now close correctly without any script errors in the pivot table when the defer layout is enabled.
Features
- Improved column width handling in the Pivot Table with the Grouping Bar enabled, ensuring better layout consistency and responsiveness. Additionally, button alignment during column resizing has been refined for both Compact and Tabular layouts, enhancing overall user experience and visual coherence. Explore the demo here.
- An option has been added to render the Field List TreeView in a hierarchical structure—similar to a folder view—within the server-side engine, aligning its behavior with the EJ2 client-side implementation. This enhancement improves usability and consistency across platforms. Explore the demo here.
- Support has been introduced for passing custom properties to the OLAP server using the existing beforeServiceInvoke event, allowing developers to dynamically inject additional parameters before a service call. A new afterServiceInvoke event has also been added, which is triggered during the
onSuccessphase of every service request, enabling post-processing or logging actions after a successful server response.
Rich Text Editor
Features
-
Checklist insertion: The Rich Text Editor now supports interactive checklists, enabling users to create lists with checkable items for better task tracking and organization. A checklist can be applied to selected text using the Ctrl + Shift + 9 shortcut, and the state of selected items can be toggled using Ctrl + Enter. Please find the demo link here.
-
External Media Drag and Drop: This feature allows users to easily drag and drop video and audio files directly into the Rich Text Editor, providing a seamless multimedia content integration experience. Users can simply drag media files from their file system and drop them into the editor to embed them instantly. Please find the demo link here.
-
Selection Change Event: The Rich Text Editor now supports the
selectionChangedevent, triggered when a non-empty selection—text, image, or range—is made or updated via mouse, keyboard, or code. It provides detailed context throughselectionChangedEventArgs, and works in both HTML and Markdown modes, enabling dynamic UI updates and custom logic. Please find the demo link here. -
Bullet/Number List via Execute Command: Added support for
BulletFormatListandNumberFormatListin theexecuteCommandmethod. These commands allow developers to programmatically apply numbered and bulleted list formatting to selected content within the Rich Text Editor. -
Table Properties Enhancement: The Rich Text Editor now supports enhanced table customization features. Users can modify border color, style, and width, as well as table width, background color, cell spacing, and cell padding. All styling changes are instantly previewed within the editor for a seamless editing experience. Please find the demo link here.
-
Table Row/Column Quick Insert: The Rich Text Editor now features an intuitive mechanism for inserting rows and columns. When users hover over the first row’s columns or the first column’s cells, a subtle dot icon appears. Hovering over this dot reveals a
+icon, which users can click to instantly insert a new row or column at that position. Please find the demo link here. -
Source Code View Alignment: The Rich Text Editor now supports a more polished source code view, featuring improved formatting and indentation for both block-level and inline HTML elements. This enhancement ensures a cleaner, more readable, and user-friendly editing experience. Please find the demo link here.
Breaking Changes
The fileUploadSuccess event type is now changed to MediaSuccessEventArgs.
| Event Name | Previous Type | Current Type |
|---|---|---|
| fileUploadSuccess | object | MediaSuccessEventArgs |
Schedule
Features
-
#I618429- Added thegroupIndexvalue to thedateHeaderTemplatewhen the date header is grouped by resource. This enables resource-specific customization of date headers. Applicable only forDay,Week,WorkWeek, andAgendaviews when resource-specific date headers are rendered.
Tree Grid
Features
-
Introduced support for empty record templates in Tree Grid, allowing customization of the default “No records to display” message with custom text or images when no data is available.
-
Provided support for custom aggregate values in Tree Grid exports across Excel, PDF, and CSV formats.
-
Introduced template customization for the Tree Grid column chooser using
columnChooserSettings, supporting layout modifications including header, footer, and content. -
Provided
pagerTemplatesupport in Tree Grid to allow customization of pager layout and controls for alignment with application styling. -
Provided support for binding hierarchical data from custom API services. This enhancement enables dynamic data loading and full interaction capabilities, including paging, sorting, and expand/collapse behavior.
Breaking Changes
- Improved accessibility in Tree Grid by updating attribute naming conventions. The following attributes have been changed to align with standard HTML
data-attributes:
| Before | After |
|---|---|
| ej-mappingname | data-mappingname |
| ej-mappingvalue | data-mappingvalue |
| e-mappingguid | data-mappinguid |
| uid | data-uid |
| colType | data-coltype |
| Index | data-index |
| data-e-mappingguid | data-mappinguid |
| data-e-mappingname | data-mappingname |
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 | 106 | 106 | 0 | All Passed |
| AI Assist View | 429 | 429 | 0 | All Passed |
| AutoComplete | 200 | 200 | 0 | All Passed |
| Breadcrumb | 160 | 160 | 0 | All Passed |
| Bullet Chart | 165 | 165 | 0 | All Passed |
| Button | 145 | 145 | 0 | All Passed |
| ButtonGroup | 120 | 120 | 0 | All Passed |
| calendar | 177 | 177 | 0 | All Passed |
| Chart | 4080 | 4080 | 0 | All Passed |
| Chat UI | 184 | 184 | 0 | All Passed |
| CircularGauge | 429 | 429 | 0 | All Passed |
| ColorPicker | 130 | 130 | 0 | All Passed |
| Common | 849 | 849 | 0 | All Passed |
| Context Menu | 105 | 105 | 0 | All Passed |
| Data Grid | 2754 | 2754 | 0 | All Passed |
| Date Picker | 425 | 425 | 0 | All Passed |
| Date Range Picker | 420 | 420 | 0 | All Passed |
| Date Time Picker | 323 | 323 | 0 | All Passed |
| Diagram | 19272 | 19272 | 0 | All Passed |
| Document Editor | 4224 | 4224 | 0 | All Passed |
| DropDown Button | 132 | 132 | 0 | All Passed |
| Dropdown List | 191 | 191 | 0 | All Passed |
| Dropdown Tree | 106 | 106 | 0 | All Passed |
| File Manager | 2196 | 2196 | 0 | All Passed |
| Floating Action Button | 174 | 174 | 0 | All Passed |
| Gantt | 3468 | 3468 | 0 | All Passed |
| HeatMap Chart | 478 | 478 | 0 | All Passed |
| Image Editor | 1653 | 1653 | 0 | All Passed |
| In-place Editor | 642 | 642 | 0 | All Passed |
| Kanban | 268 | 268 | 0 | All Passed |
| LinearGauge | 426 | 426 | 0 | All Passed |
| Listbox | 115 | 115 | 0 | All Passed |
| Maps | 1244 | 1244 | 0 | All Passed |
| Menu | 187 | 187 | 0 | All Passed |
| Multicolumn Combo Box | 254 | 254 | 0 | All Passed |
| Multiselect Dropdown | 373 | 373 | 0 | All Passed |
| OTP Input | 240 | 240 | 0 | All Passed |
| PDF Viewer | 19094 | 19094 | 0 | All Passed |
| Pivot Table | 5294 | 5294 | 0 | All Passed |
| Progress Button | 132 | 132 | 0 | All Passed |
| Query Builder | 480 | 480 | 0 | All Passed |
| RangeNavigator | 140 | 140 | 0 | All Passed |
| Rating | 197 | 197 | 0 | All Passed |
| Ribbon | 496 | 496 | 0 | All Passed |
| Rich Text Editor | 4591 | 4591 | 0 | All Passed |
| schedule | 4609 | 4609 | 0 | All Passed |
| Signature | 105 | 105 | 0 | All Passed |
| Skeleton | 144 | 144 | 0 | All Passed |
| Slider | 147 | 147 | 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 |
| Spreadsheet | 10393 | 10393 | 0 | All Passed |
| Stock Chart | 379 | 379 | 0 | All Passed |
| Text Area | 107 | 107 | 0 | All Passed |
| Time Picker | 180 | 180 | 0 | All Passed |
| Timeline | 213 | 213 | 0 | All Passed |
| Toast | 139 | 139 | 0 | All Passed |
| Toolbar | 132 | 132 | 0 | All Passed |
| ToolTip | 131 | 131 | 0 | All Passed |
| TreeGrid | 3656 | 3656 | 0 | All Passed |
| Treemap | 264 | 264 | 0 | All Passed |
| Treeview | 371 | 371 | 0 | All Passed |