In our Essential Studio® 2023 Volume 4 release, we’ve rolled out many new features and components for our Essential JS 2 platforms. Our commitment to providing cutting-edge tools remains unwavering, and we believe these updates will empower you to create even more robust and visually appealing web applications.
Let’s look at the key additions!
New controls: Stepper and 3D Chart
We’ve introduced the following new components in this 2023 Volume 4 release:
The new Stepper component facilitates navigation through step-based processes in web apps. You can customize the step types, orientation, linear flow,positioning, tooltips, and templates for a seamless user experience.
The new 3D Chart control offers a visually engaging representation of data in three dimensions.
Its key features include:
Six chart types: column, bar, stacked column, stacked bar, 100% stacked column, and 100% stacked bar.
Data binding with JSON objects or a data manager.
Data labels, axis types, legends, and user interaction options.
Export capabilities in JPEG and PNG formats.
Right-to-left (RTL) rendering mode.
Essential JS 2 3D Chart
What’s new in our existing components?
Let’s look at the new features added to our existing Essential JS 2 components!
Dropdowns
The dropdown components, namely the AutoComplete, ComboBox, and Dropdown List, now support virtual scrolling in combination with grouped data, allowing efficient navigation through large lists without loading all items at once.
Virtual scrolling with grouping in the AutoComplete component
Step position: Step positions for lines allow users to apply steps from the left, center, and right sides of each data point in a step series. Custom step positions in Charts
Axis title alignment: Align the axis title to the left, right, and center of the chart area. Axis title alignment customization in Charts
Fixed tooltip: Position the tooltip at a fixed location within a chart for enhanced data presentation. Fixed tooltip feature in Charts
Circular Gauge
Circular Gauge’s axis line, range, pointer, and annotation elements can be animated one by one to create a smooth appearance when rendered initially.
Animation feature in Circular Gauge
Diagram
Users can now add UML class shapes to the symbol palette in the Diagram component.
The Word Processor comes with the following enhancements:
Ruler: A ruler for both horizontal and vertical orientations provides enhanced layout and formatting control for documents. Ruler in Word Processor
Tab stop: Tab stops offer precise text alignment at specific points regardless of the content length for a clean and organized document layout. Set multiple tab stops with different alignments and positions for complex layouts. Tab stops feature in Word Processor
Collaborative editing (preview): Multiple users can collaborate on the same document in real-time, improving efficiency and teamwork.
Timeline virtualization: Load project tasks with longer timelines efficiently, rendering only the visible timeline cells. Timeline virtualization in Gantt Chart
Drag and drop taskbars: Reorder tasks by dragging and dropping taskbars within Gantt Chart rows. Dragging and dropping taskbars between tasks in the Gantt Chart
Validation rules in editing: Column validation ensures data validity, displaying error messages for invalid fields before saving. Validation rules feature in the Gantt Chart
Enhancements in PDF exporting: The following compatibility features were added for PDF exporting, enhancing comprehensive reporting, customization options, and data integrity:
Load checkbox list data on demand: For improved performance with large datasets. Loading checkbox data on demand in DataGrid
Adaptive view layout: Menus, pop-ups, and page-size dropdown elements now adjust layouts based on mobile device screen sizes.
Exporting the grid: You can now save grid data as a blob, memory stream, or file stream during export.
Template customization for empty records: Customize the content displayed when there are no records to show in the grid. Users can add their own content or incorporate HTML elements using the template option. This empty record content is presented when binding empty data to the grid or when an action within the grid results in no records to display. Template customization for empty records in DataGrid
Image Editor
Straightening
The Image Editor now lets users align and correct the orientation of images, refining their overall presentation. This feature ensures a polished and visually appealing output, enhancing the quality and impact of the final composition.
The Scheduler control supports the following new features in this 2023 Volume 4 release:
Toolbar customization: Customize the icons, text, and tooltips of the Scheduler toolbar items for a personalized experience. Customizing the toolbar in Scheduler
Maximum events per row: You can set the maximum number of concurrent events to be displayed in the Scheduler for improved visualization.
Spreadsheet
The Spreadsheet control receives the following enhancements:
Display confirmation dialogs before opening Excel files with external workbook references.
New formulas, including LOOKUP, VLOOKUP, HLOOKUP, SQRT, RSQ, ROUNDDOWN, EOMONTH, and NOT, have been added.
TreeGrid
Aggregate in exporting
You can now export TreeGrid to PDF and Excel files with aggregate cell values included in the footer.
Thanks for reading! This new update brings a multitude of features for our controls, ensuring that Essential JS 2 remains at the forefront of web development tools. Explore these new capabilities and let us know how they enhance your development process!
You can check out all the other updates in this release on our Release Notes and What’s New pages.
SumanKumar is a Technical Product Manager at Syncfusion for Web products. He is passionate about Web technology and has been active in development since 2010.