Monday, July 15, 2024
HomeC#What’s New in Important JS 2: 2024 Quantity 2

What’s New in Important JS 2: 2024 Quantity 2

TL;DR: Discover what’s new within the 2024 Quantity 2 launch for our Syncfusion Important JS 2 platforms! This replace brings new elements just like the MultiColumn ComboBox and OTP Enter and enhancements to Timeline, TextArea elements, Fluent 2 theme help, and extra.

In our 2024 Quantity 2 launch, we now have launched many new options and elements for our Syncfusion Important JS 2 platforms. This weblog delves into these key enhancements, enabling builders to create extra interactive and informative apps.

Widespread updates

New elements

Syncfusion Important JS 2 has added the next two new elements in preview mode:

MultiColumn ComboBox (Preview)

The MultiColumn ComboBox is a dropdown part that shows detailed details about gadgets in a table-like construction in a number of columns.

Key options

  • Knowledge binding: Helps information binding from JavaScript object arrays and distant information sources utilizing adapters like OData, URLs, and Net APIs.
  • Grouping: Permits grouping of pop-up checklist gadgets to reinforce the consumer expertise by organizing associated gadgets.
  • Filtering: Gives superior filtering capabilities to seek out and choose gadgets from giant datasets simply.
  • Sorting: Helps sorting gadgets in ascending or descending order and single or multi-column sorting.
  • Virtualization: Effectively shows giant datasets by loading information on demand.
  • Templates: Customizes the looks and format, together with header, footer, and checklist gadgets within the pop-up checklist.

Check with the next picture.

Essential JS 2 MultiColumn ComboBox
Important JS 2 MultiColumn ComboBox

OTP Enter (Preview)

The OTP Enter is a kind part for inputting one-time passwords throughout multi-factor authentication processes.

Key options

  • Enter sorts: Permits specifying the enter kind as textual content, quantity, or password for the OTP enter.
  • Styling modes: Gives built-in styling choices similar to underline, define, or fill.
  • Placeholders: Permits setting a touch character for every enter discipline, indicating the anticipated worth.
  • Separators: To specify a personality to be positioned between enter fields.
  • Customization: Customise the default look, together with enter discipline styling, enter size, and extra.

Check with the next picture.

Essential JS 2 OTP Input
Important JS 2 OTP Enter

Preview to production-ready elements

The next elements have been developed to satisfy trade requirements and are actually marked as production-ready for Important JS 2:

  • Timeline: It presents a structured approach to visualize chronological occasions.
  • TextArea: It supplies a flexible textual content enter management for longer-form textual content.

Fluent 2 theme help

A brand new Fluent 2 theme help has been added to reinforce the app’s visible enchantment and consistency.

Fluent 2 theme support in Essential JS 2
Fluent 2 theme help in Important JS 2

CLDR NPM bundle

A brand new CLDR NPM bundle helps internationalization with out third-party dependencies, simplifying the method of localizing apps.

Element-specific updates


The Charts part has acquired the next updates:

  • Animation on information replace: Customers can take pleasure in clean animation results when including, eradicating, or updating information. This function helps animations for information updates in all chart sorts.
Animation on data update feature in Essential JS 2 Charts
Animation on information replace function in Important JS 2 Charts
  • Click on so as to add or take away factors:  Customers can interactively add or take away information factors primarily based on pointer coordinates throughout chart mouse occasions.
Adding and removing data points using mouse click action in Essential JS 2 Charts
Including and eradicating information factors utilizing mouse click on motion in Important JS 2 Charts

Phrase Processor

The Phrase Processor part has been considerably enhanced:

  • Content material management: This function permits customers so as to add new content material controls or modify present ones and bind information to content material controls in a Phrase doc. It helps numerous content material controls similar to Wealthy Textual content, Plain Textual content, Image, Verify Field, Combo Field, Drop Down Checklist, and Date Picker. Customers can design fillable templates, fill kinds, and bind information to and from content material controls. The doc’s creator can prohibit enhancing for sure components by locking content material management as non-editable or add non-removable placeholders by locking content material management as can’t delete.
Content control feature in Essential JS 2 Word Processor
Content material management function in Important JS 2 Phrase Processor
  • Drag and drop chosen content material: Customers can now drag and drop chosen content material throughout the Phrase Processor part.
  • Optimize SFDT file dimension: The SFDT file dimension has been optimized to cut back storage necessities.

Dropdown elements

Disable particular person gadgets

The Dropdown elements (AutoComplete, ListBox, ComboBox, Dropdown Checklist, MultiSelect Dropdown, Dropdown Tree, Point out and, MultiColumn ComboBox) now permit customers to disable or allow particular person gadgets primarily based on particular eventualities. Customers can’t work together with the disabled gadgets or choose them as values throughout the part.

Enabling or disabling individual items in Essential JS 2 DropDown components
Enabling or disabling particular person gadgets in Important JS 2 DropDown elements

File Supervisor

Flat information rendering

The File Supervisor now helps rendering flat information as an array of JSON objects, eradicating the necessity for AJAX requests and back-end URL configuration.

Flat data rendering feature in Essential JS 2 File Manager
Flat information rendering function in Important JS 2 File Supervisor

Gantt Chart

The Gantt Chart delivers the next new updates:

  • Timeline template: You’ll be able to customise the looks of timeline cells utilizing templates. Customers can show pictures, buttons, or different customized content material throughout the timeline cells, making the Gantt Chart extra informative and visually interesting.
Timeline templates in Essential JS 2 Gantt Chart
Timeline templates in Important JS 2 Gantt Chart
  • Completely different working time ranges for every day: Customers can now outline completely different working time ranges for every day of the week, offering extra flexibility in scheduling and managing duties.
Custom working time range feature in Essential JS 2 Gantt Chart
Customized working time vary function in Important JS 2 Gantt Chart
  • Enhancements in error dealing with: The actionFailure occasion notifies builders when the Gantt configurations are mishandled. This occasion has been enhanced to cowl extra circumstances, offering higher suggestions and diagnostics.


The DataGrid part has acquired the next enhancements:

  • ODataV4 routing conference: The DataManager ODataV4 Adaptor has been enhanced to help customized motion strategies alongside the default GET, PUT, POST, and DELETE strategies. This function facilitates performing CRUD operations by invoking customized motion strategies when binding the ODataV4 service to the Grid.
  • Efficiency enchancment: Vital enhancements have been made in lazy load grouping with sorting performance. These enhancements are significantly helpful for eventualities involving a number of columns for grouping or sorting giant datasets.

Picture Editor

The Picture Editor part helps the next vivid options:

  • Annotation enhancement: Customers can now draw a number of annotations concurrently, enhancing artistic flexibility. Moreover, each motion, together with customizations, will probably be tracked within the undo/redo assortment, guaranteeing a seamless consumer expertise and making it simpler to experiment with completely different designs.
  • Z-Order help: This function permits customers to regulate the positioning of annotations. Sorts of z-order changes embrace Ship Backward, Ship to Again, Carry to Entrance, and Carry Ahead.
    Z-order annotation rendering options in Essential JS 2 Image Editor
    Z-order annotation rendering choices in Important JS 2 Picture Editor
  • Save help enhancement: Customers can now save a picture with a specified file title, file kind, and picture high quality, offering extra management over the output.
Enhanced save option in Essential JS 2 Image Editor
Enhanced save possibility in Important JS 2 Picture Editor

PDF Viewer

The brand new options added within the PDF Viewer part are as follows:

  • Transfer pages: Customers can reorder pages inside their doc effortlessly.
  • Copy pages: Permits creating copies of present pages.
  • Undo and redo modifications: Allows customers to immediately undo or redo modifications made within the Set up Pages dialog.
Enhancements in Essential JS 2 PDF Viewer
Enhancements in Important JS 2 PDF Viewer

Question Builder

Drag-and-drop and separate connector helps

The Question Builder part now features a drag-and-drop function, permitting customers to reposition guidelines or teams inside it.

Drag and drop feature in Essential JS 2 Query Builder
Drag and drop function in Important JS 2 Question Builder

It additionally helps separate connectors between guidelines or teams, enhancing the complexity and precision of question development.

Separate connectors feature in Essential JS 2 Query Builder
Separate connectors function in Important JS 2 Question Builder


The Spreadsheet part has been enhanced with the next options:

  • Notes: Customers can present further cell info by including, enhancing, and deleting notes.
Notes feature in Essential JS 2 Spreadsheet
Notes function in Important JS 2 Spreadsheet
  • Print: Customers can print the energetic worksheet or your entire workbook with customizable choices.
  • JSON serialization: Customers can extract cell values with out formatting or formulation, much like a CSV file.


Enhancements in error dealing with

The TreeGrid part has improved error dealing with with the actionFailure occasion, which now covers extra circumstances and supplies higher suggestions and diagnostics for configuration errors.


Thanks for studying! This text highlights the thrilling new options and elements added to the Syncfusion Important JS 2 platforms for the 2024 Quantity 2 launch. To find extra concerning the options accessible on this launch, please go to our Launch Notes and What’s New pages.

The newest model of Important Studio is out there for present clients from the License and Downloads web page. In case you are not a Syncfusion buyer, you can begin a 30-day free trial to check out all these elements.

If in case you have any questions, contact us via our help boards, help portal, or suggestions portal. We’re all the time completely happy to help you!

Associated blogs



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments