What’s New in Syncfusion Essential JS 2: 2023 Volume 3
Tags: javascript, ui, web, whatsnew
Published: 2023-10-19 06:07:19

---
title: What’s New in Syncfusion Essential JS 2: 2023 Volume 3
published: true
date: 2023-10-11 18:01:24 UTC
tags: javascript, ui, web, whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/whats-new-essential-js-2-2.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vs818a5srwpcz3n3l3s7.png
---
Welcome to our latest blog post! We are thrilled to introduce the [2023 Volume 3](https://www.syncfusion.com/forums/184588/essential-studio-2023-volume-3-main-release-v23-1-36-is-available-for-download "Essential Studio 2023 Volume 3") release of [Sy](https://www.syncfusion.com/javascript-ui-controls)[ncfusion](https://www.syncfusion.com/javascript-ui-controls "Essential JS 2 components")[Essential JS 2](https://www.syncfusion.com/javascript-ui-controls). This release is packed with exciting new features, enhancements, and updates to make your development process smoother and more efficient.

From significant improvements in performance and security to the introduction of brand-new components, this release is designed to help you easily create robust, high-performing applications.

So, let’s dive in and explore what’s new in Syncfusion Essential JS 2 in 2023 Volume 3 that elevates your JavaScript development experience.

## Common

In Essential JS 2, we’ve significantly improved some key features:

- **Global Animation:** Efficiently control animations in JS 2 components from a single location. You can now easily activate or deactivate them, allowing for streamlined animation management across all components.
- **Live Vue Demos Upgrade with StackBlitz Option:** We’ve gone the extra mile to enhance your experience with live Vue demos. These demos now showcase the latest improvements with Vue 3. Moreover, we’ve added a StackBlitz option, allowing you to test these [live Vue demos](https://ej2.syncfusion.com/vue/demos/#/material3/grid/grid-overview.html "Vue components demos").
- **Vue 3 Intellisense**** :** Elevate your coding experience with Vue 3 using the Volar extension within Visual Studio Code. This extension provides accurate suggestions, making development smoother and more efficient.

## Virtual Scrolling in Dropdown Inputs

The [AutoComplete](https://www.syncfusion.com/javascript-ui-controls/js-autocomplete "JavaScript AutoComplete component"), [ComboBox](https://www.syncfusion.com/javascript-ui-controls/js-combobox "JavaScript ComboBox"), and [Dropdown List](https://www.syncfusion.com/javascript-ui-controls/js-dropdown-list "JavaScript Dropdown List") components now offer virtual scrolling support. This feature allows seamless navigation through extensive lists of options without loading all items simultaneously, significantly enhancing the user experience. For more details, refer to the [demo link](https://ej2.syncfusion.com/demos/#/material3/auto-complete/virtual-scroll.html "Virtualization in AutoComplete control demo"). 

![Virtual scrolling feature in Essential JS 2 Autocomplete control](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Virtual-scrolling-feature-in-Essential-JS-2-Autocomplete-control.gif)

## Charts

We’ve added several new features and enhancements to the [Charts](https://www.syncfusion.com/javascript-ui-controls/js-charts "JavaScript Charts") component:

- **Cylindrical Chart:** Now, users can depict data in cylindrical shapes in column or bar graphs, adding a unique and visually appealing aspect. This 3D transformation of each data point makes charts more engaging and more accessible to interpret, particularly when emphasizing specific data points. Experience a new angle of data visualization with our cylindrical chart feature. You can check out the live [demo](https://ej2.syncfusion.com/demos/#/bootstrap5/chart/cylindrical-column.html "JavaScript cylindrical chart demo") to see how it works.  
 ![New Essential JS 2 Cylindrical Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/New-Essential-JS-2-Cylindrical-Chart.png)
- **Synchronized Chart:** We’ve enhanced our charts with synchronized tooltip, zooming, panning, crosshairs, highlighting, and selection features for a seamless data visualization experience. For more details, check out the [demo](https://ej2.syncfusion.com/demos/#/bootstrap5/chart/synchronized-chart.html "JavaScript synchronized chart") now.

![Essential JS 2 synchronized charts](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Essential-JS-2-synchronized-charts.gif)

- **Title Style:** Customize your chart titles and subtitles with background and border styles, making your charts clear and visually striking.  
 ![Title style customization in Essential JS 2 Charts](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Title-style-customization-in-Essential-JS-2-Charts.png)
- **Excel Export:** Exporting chart data to Excel is now easier than ever. You can export your data in a table format, simplifying data sharing and analysis.

- **Export to Multiple Pages:** Our enhanced PDF export feature allows you to export charts to multiple pages within a PDF document, facilitating comprehensive and organized reporting.

## Word Processor

We have rolled out a new feature for the [Word Processor](https://www.syncfusion.com/javascript-ui-controls/js-word-processor "JavaScript Word Processor") component:

- **Table Title and Description:** Enhance the accessibility of your Word documents by adding or modifying the title and description of tables. This feature is a valuable aid for visually impaired users in comprehending table content.  
 ![Adding table title and description in Word Processor](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Adding-table-title-and-description-in-Word-Processor.png)

## File Manager

We have rolled out a new feature for the [File Manager](https://www.syncfusion.com/javascript-ui-controls/js-file-manager "JavaScript File Manager") component:

- **Toolbar**  **Customization:** Enjoy greater flexibility by customizing toolbar items in the File Manager with icons, text, and tooltips. You can fine-tune the user interface to your exact requirements.  
 ![Toolbar customization in File Manager](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Toolbar-customization-in-File-Manager.png)

## Gantt Chart

We’ve added several new features and enhancements to the [Gantt Chart](https://www.syncfusion.com/javascript-ui-controls/js-gantt-chart "JavaScript Gantt Chart") component:

- **On-Demand Data Loading (Lazy Loading):** Enhance performance and efficiency by loading data from remote web services as needed in the Gantt Chart. Virtual scrolling ensures data retrieval for the current viewport and on-demand for the rest. For more details, refer to the [demo link](https://ej2.syncfusion.com/demos/#/material3/gantt/load-on-demand.html "On-demand loading in JavaScript Gantt Chart").   
 ![On demand loading in Gantt Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/On-demand-loading-in-Gantt-Chart.gif)
- **Single-Page Exporting:** Export Gantt Chart data to PDF in a single-page format, ensuring comprehensive reports with task details while maintaining readability.

- **Baseline Support in PDF Export:** The enhanced PDF export feature in the Gantt Chart now includes baseline taskbars, aiding in the visualization of planned versus actual task dates.

## DataGrid

The new features added to the [DataGrid component](https://www.syncfusion.com/javascript-ui-controls/js-data-grid "JavaScript DataGrid") are as follows:

- **Enhancements in Frozen Rows and Columns Functionality**** :** In addition to traditional frozen rows and columns, you can lock columns while scrolling horizontally. These enhancements provide greater control over your grid’s layout.  
 ![Enhancements in frozen rows and columns in DataGrid](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Enhancements-in-frozen-rows-and-columns-in-DataGrid.gif)
- **Export Multiple DataGrids to the Same Page:** Exporting multiple grids to page-level Excel and PDF files is now effortless, for both client-side and server-side exporting.

- **Export the**  **DataGrid with Column Template and Detail Template:** Export the grid with template columns and detail templates to Excel and PDF files, ensuring your exported data retains its formatting.
- **Export the**  **DataGrid with Group Caption Template:** Customize the grid data export with customized text defined in the group caption row using a caption template for both Excel and PDF files.

## Heatmap Chart

The new features added to the [Heatmap Chart component](https://www.syncfusion.com/javascript-ui-controls/js-heatmap-chart "JavaScript Heatmap Chart") are as follows:

- **Label Template:** Enhance heat map cells by adding custom elements like text, tables, and images, providing richer and more informative visualizations.  
 ![Label customization in Heatmap chart](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Label-customization-in-Heatmap-chart.jpg)

## Image Editor

The [Image Editor](https://www.syncfusion.com/javascript-ui-controls/js-image-editor "JavaScript Image Editor") component has received the following exciting new updates:

- **Image**  **Annotation:** You can insert and display multiple images over the main image for various purposes, such as adding logos, watermarks, or decorative elements.  
 ![Image annotations in Image Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Image-annotations-in-Image-Editor.png)
- **Image**  **Resize:** Tailor images to your specifications by adjusting their dimensions, making them suitable for printing, web display, or other purposes.  
 ![Resizing feature in Image Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Resizing-feature-in-Image-Editor.png)
- **Image**  **Frame:** Add decorative borders as frames around images to enhance their visual appeal and create more striking images.  
 ![Frame support in Image Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Frame-support-in-Image-Editor.png)

You can check out the live [demo](https://ej2.syncfusion.com/demos/#/material3/image-editor/default.html "JavaScript Image Editor demos") for more details.

## Maps

The [Maps library](https://www.syncfusion.com/javascript-ui-controls/js-maps-library "JavaScript Maps") has received the following exciting new update:

- **Data Label Animation:** Use new animated transitions for data labels during the initial rendering of Maps, creating a visually engaging user experience.

## PDF Viewer

The [PDF Viewer](https://www.syncfusion.com/javascript-ui-controls/js-pdf-viewer "JavaScript PDF Viewer") has received the following new update:

- **Standalone PDF Viewer:** The PDF Viewer component now allows users to view, edit, print, and download PDF files without relying on web services in applications, ensuring fast and responsive PDF handling.

For more details, refer to the [demo link](https://ej2.syncfusion.com/demos/#/material3/pdfviewer/default.html "JavaScript PDF Viewer demos").

## Pivot Table

The [Pivot Table](https://www.syncfusion.com/javascript-ui-controls/js-pivot-table "JavaScript Pivot Table") has received the following new update:

- **Setting Column Width during PDF Export:** You can now set the width of each Pivot Table column when exporting to a PDF document, ensuring your exported data retains its formatting.

## Ribbon (preview)

The [Ribbon](https://www.syncfusion.com/javascript-ui-controls/js-ribbon "JavaScript Ribbon control") has received the following improvements:

- **Group Button Items:** The Ribbon component now includes a group button item feature. Users can group multiple button items with single and multiple selections, enhancing user interface design possibilities.  
 ![Group button items in Ribbon control](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Group-button-items-in-Ribbon-control.gif)
- **Backstage Support:** Besides the traditional file menu, the Ribbon component now supports a backstage view, displaying application settings, user information, and more. This feature enhances the navigation and accessibility of your application.  
 ![Backstage support in Ribbon control](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Backstage-support-in-Ribbon-control.gif)

## Rich Text Editor

The [Rich Text Editor](https://www.syncfusion.com/javascript-ui-controls/js-wysiwyg-rich-text-editor "JavaScript Rich Text Editor") component now includes a handy feature to enhance text formatting and content expression:

- **Quick Format Toolbar for Text:** The Rich Text Editor now features a quick format toolbar for text elements. This streamlined editing experience includes built-in items and the option to add custom items for enhanced functionality.  
 ![Quick format toolbar for text in Rich Text Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Quick-format-toolbar-for-text-in-Rich-Text-Editor.png)

## Scheduler

The [Scheduler](https://www.syncfusion.com/javascript-ui-controls/js-scheduler "JavaScript Scheduler") component has two impressive updates:

- **On-Demand Data Loading (Lazy Loading):** Our on-demand data loading feature enhances performance and usability. This feature retrieves events from remote services for the current viewport only, loading additional data as needed when scrolling. Experience this feature in action with our [demos](https://ej2.syncfusion.com/demos/#/material3/schedule/data-virtualization.html "Virtualization in JavaScript Scheduler demos").  

![On-demand loading in Scheduler](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/On-demand-loading-in-Blazor-Scheduler.gif)

- **Editor Window Customization:** Tailor the Scheduler component to your specific needs by customizing the header and footer of the built-in editor window, ensuring a seamless user experience. Check out the [demo](https://ej2.syncfusion.com/demos/#/material3/schedule/editor-template.html "Editor window customization in JavaScript Scheduler demo") for a hands-on experience.  
 ![Editor window customization in Scheduler](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Editor-window-customization-in-Scheduler.png)

## Spreadsheet

We have upgraded the [Spreadsheet](https://www.syncfusion.com/javascript-ui-controls/js-spreadsheet "JavaScript Spreadsheet") component with two enhanced features for an improved user experience:

- **Alert Dialog for Invalid Formula:** Enhance formula accuracy with the Spreadsheet’s new alert dialog feature. When an invalid formula is entered, an error alert dialog will prompt users to correct it.

- **Improved Cut**  **and Paste Performance:** Enjoy faster cut-and-paste actions in the Spreadsheet, ensuring a smoother user experience when working with data.

## Stock Chart

We’re excited to announce that the [Stock Chart](https://www.syncfusion.com/javascript-ui-controls/js-stock-chart "JavaScript Stock Chart") component has been enhanced with two new features for your convenience:

- **Date-Time Category Axis:** Display only business days on a new date-time category axis, providing more focused and relevant information.  
 ![Date-time category axis in Stock Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2023/10/Date-time-category-axis-in-Stock-Chart.png)

- **Excel Export:** Easily export chart data to Excel in a table format, making it simple to share and analyze data with others.

## TreeGrid

Here are the new features that have been incorporated into the [TreeGrid component](https://www.syncfusion.com/javascript-ui-controls/js-tree-grid "JavaScript TreeGrid"):

- **Server-Side Exporting:** Export tree grid data to PDF or Excel documents on the server side using server export libraries, enhancing your data reporting capabilities.

## Conclusion

Thank you for joining us! This article has discussed the latest updates for the [Syncfusion Essential JS 2](https://www.syncfusion.com/javascript-ui-controls "Essential JS 2 components") platform in the [2023 Volume 3](https://www.syncfusion.com/forums/184588/essential-studio-2023-volume-3-main-release-v23-1-36-is-available-for-download "Essential Studio 2023 Volume 3") release. We invite you to explore these user-friendly enhancements and share your thoughts in the comments below.

Please check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v22.1.34 "Essential Studio Release Notes") and [What’s New pages](https://www.syncfusion.com/products/whatsnew "Essential Studio What’s New page") for more details about this release.

Existing customers can download the new version of Essential Studio from the [License and Downloads page](https://www.syncfusion.com/account/downloads "Essential Studio license and downloads page"). If you’re new to our platform, we offer a 30-day [free trial](https://www.syncfusion.com/downloads "Free evaluation of the Essential Studio products") to explore all features.

For any questions, feel free to reach out via our [support forum](https://www.syncfusion.com/forums/ "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We’re here to help you!

## Related blogs

- [Syncfusion Receives 82 G2 Badges, Fall 2023](https://www.syncfusion.com/blogs/post/syncfusion-g2-badges-fall-2023.aspx "Blog: Syncfusion Receives 82 G2 Badges, Fall 2023")
- [Syncfusion Essential Studio 2023 Volume 3 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2023-volume-3.aspx "Blog: Syncfusion Essential Studio 2023 Volume 3 Is Here!")
- [You’re Invited to the #CodeParty of the Year: .NET Conf 2023!](https://www.syncfusion.com/blogs/post/syncfusion-sponsors-dotnet-conf-2023.aspx "Blog: You’re Invited to the #CodeParty of the Year: .NET Conf 2023!")
- [Syncfusion Receives 7 Visual Studio Magazine Reader’s Choice Awards in 2023](https://www.syncfusion.com/blogs/post/syncfusion-vs-magazine-readers-choice-awards-2023.aspx "Blog: Syncfusion Receives 7 Visual Studio Magazine Reader’s Choice Awards in 2023")