We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
What’s New in Essential JS 2

ESSENTIAL STUDIO 2023 VOLUME 3

What’s New in Essential JS 2

2023 Volume 3 delivers powerful new features for the JavaScript suite, including cylindrical and synchronized chart types, a standalone mode for PDF Viewer, and support to turn animations on or off globally for all controls.

Common

Global animation

Easily toggle animations on and off across JavaScript controls from one point, streamlining your user interface for better control.

AutoComplete

Virtual scrolling

Virtual scrolling support for the AutoComplete control enables users to navigate large lists of options efficiently without the need to load all items at once. This feature enhances user experience for applications with long lists of options.

Essential JS2 AutoComplete virtual scrolling

Charts

Cylindrical chart

Now, column or bar charts can display data as cylindrical-shaped items. Find the demo link here

JavaScript Cylindrical Chart

Synchronized chart

Users can now synchronize tooltips, zooming and panning, crosshairs, highlight, and selection features across numerous charts. Find the demo link here

JavaScript Synchronized Chart

Title style

This feature enables users to add a background and border to the chart title and subtitle.

JavaScript Chart Title Style

Excel export

Allows users to export chart data to Excel in a table format. Find the demo link here

Export to multiple pages

The Chart’s enhanced PDF export feature facilitates exporting charts from the web page onto multiple pages within a PDF document.

ComboBox

Virtual scrolling

Virtual scrolling support for the ComboBox control enables users to navigate large lists of options efficiently without the need to load all items at once. This feature enhances user experience for applications with long lists of options.

Essential JS2 ComboBox virtual scrolling

Word Processor

Table title and description

This feature allows users to add or modify the title and description of a table in a Word document using the Syncfusion Word Processor. Table titles and descriptions are essential for accessibility. They provide a way for visually impaired people to understand the content of the table without having to see it.

Illustration of table title and description in the JavaScript Word Processor component.

Virtual scrolling

Virtual scrolling support for the Dropdown List control enables users to navigate large lists of options efficiently without the need to load all items at once. This feature enhances user experience for applications with long lists of options.

Essential JS2 Dropdown List virtual scrolling

File Manager

Toolbar customization

The File Manager allows direct customization of toolbar items with icons, text, and tooltips.

JavaScript File Manager toolbar customization

Gantt Chart

On-demand data loading or lazy loading

Load data from remote web services as and when needed to the Gantt Chart component. With the virtual scrolling feature, users can retrieve data from remote services for the current viewport alone and the remaining data can be retrieved on-demand when scrolling. Find the demo link here.

On-demand data loading in JavaScript Gantt Chart

Single-page exporting

Users can export Gantt Chart data to PDF in a single-page format. The exported PDF will automatically adjust the task rows to fit the page width by shrinking the timeline. This feature ensures that users generate comprehensive PDF reports with all task details included while maintaining readability and making the presentation consistent. Find the demo link here.

Baseline support in PDF export

Enhanced PDF export in the Gantt Chart to include baseline taskbar. Helps view the changes between planned dates and actual dates of the tasks in the exported document.

Grid

Enhancements in frozen rows and columns functionality

Along with the traditional frozen rows and columns feature, now lock columns in place while scrolling horizontally. Furthermore, provided compatibility for the following:

  • Grouping
  • Row template.
  • Infinite scrolling with cache mode.
  • Freeze direction in the stacked header allows column reordering.
  • Frozen rows and columns with column virtualization.

Enhancements in frozen rows and columns in JavaScript Grid.

Export multiple grids to the same page

This feature provides users with the ability to export multiple grids to page-level Excel and PDF files, supporting both client-side and server-side exporting. It enables seamless export functionality for multiple grids to a single page.

Export multiple grids to the same page in JavaScript Grid.

Export the grid with column template and detail template

This feature allows users to export the grid with template columns, which may contain images, hyperlinks, and customized text to Excel and PDF files. Users can also export detail template grid to Excel and PDF files. This functionality supports both client-side and server-side exporting.

Export the grid with detail template in JavaScript Grid.

Export the grid with column template in JavaScript Grid.

Export the grid with group caption template

This feature allows users to export the grid with customized text defined in the group caption row using a caption template to Excel and PDF files. This functionality supports both client-side and server-side exporting.

Export the grid with group caption template in JavaScript Grid.

HeatMap Chart

Label template

To add more information to HeatMap cells, users can now add custom elements like text, tables, images, and so on.

Label template in Essential JS 2 HeatMap.

Image Editor

Image annotation

This feature allows users to insert and display multiple images in addition to the main image they are editing. These image annotations can be used for various purposes, such as adding logos, watermarks, or decorative elements to the image.

Image annotation in JavaScript Image Editor

Resize

Users can adjust the size and dimensions of an image to suit their needs, such as printing, web display, or other purposes.

Resize in JavaScript Image Editor

Frame

Allows users to add decorative borders or frames around images. Frames can enhance the visual appeal of an image.

Frame in JavaScript Image Editor

Maps

Data label animation

An animated transition will now occur on the initial rendering of data labels and not during any dynamic updates.

Data label animation in Essential JS 2 Maps.

PDF Viewer

Standalone PDF Viewer

The PDF Viewer component now allows users to view, edit, print, and download PDF files without the web service dependency in JavaScript applications. It is designed to be fast and responsive, and comes with the same feature set as the server-backed PDF Viewer. Just ignore the serviceUrl property to use it.

Pivot Table

Setting column width during PDF export

Allows users to set the width of each pivot table column when exporting to a PDF document.

Ribbon (preview)

Built-in group button item

In addition to the existing built-in items, a group button item has been added to the Ribbon control. It allows users to group multiple button items and supports both single and multiple selections.

JavaScript Ribbon built-in groupbutton

Backstage support

The backstage view, in addition to the traditional file menu, is now supported in the Ribbon control. It displays information such as application settings, user information, etc. The backstage options are displayed on the left, while the content of each option is shown on the right.

JavaScript Ribbon backstage

Rich Text Editor

Quick format toolbar for text

The Rich Text Editor now includes quick toolbar support for text elements. When selecting a text within the content of the Editor, the quick format toolbar becomes visible. This enhancement is designed to streamline the editing experience. The toolbar offers built-in items and the option to add customizable items for enhanced functionality.

Quick format toolbar

Scheduler

On-demand data loading or lazy loading

This feature allows users to retrieve events from remote services for the current view port alone and retrieve the remaining data on demand when scrolling, improving the performance and usability of the Scheduler component. Find the demo link here.

JavaScript Scheduler with data virtualization.

Editor window customization

Users can customize the header and footer of the built-in editor window. Find the demo link here.

JavaScript Scheduler with custom editor window.

Spreadsheet

Alert dialog for invalid formula

When an invalid formula is entered, the Spreadsheet now displays an error alert dialog. For example, when a formula is entered with an incorrect number of arguments.

JavaScript Spreadsheet alert dialog

Improved cut/paste performance

Cut and paste actions in the Spreadsheet will be faster than the earlier versions.

Improved scrolling performance with conditional formatting

Users can now experience smooth scrolling with multiple conditional formatting set in the Spreadsheet, which is faster than the earlier versions.

Stock Chart

Date-time category axis

Provided support for a new date-time category axis to display only business days. Find the demo link here

Javascript Stock Chart Date-Time Category Axis

Excel Export

Allows the users to export the chart data to Excel in a table format.

Tree Grid

Server-side exporting

Allows users to export tree grid data to a PDF or Excel document on the server side using server export libraries.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon