Syncfusion Feedback
What’s New in Essential JS 2

ESSENTIAL STUDIO® 2025 VOLUME 1

What’s New in Essential JS 2

2025 Volume 1 for JavaScript delivers a new SpeechToText component, real-time streaming responses in the AI AssistView, and trapezoidal funnel charts.

What’s New seaprator What’s New in Essential JS 2

Common

New control

The SpeechToText control has been added to Essential JS 2.

SpeechToText (preview)

The Essential JS 2 SpeechToText control provides seamless voice-to-text conversion in web applications. It features real-time transcription with interim results, multilingual recognition, customizable buttons and tooltips, and error handling.

Key features

  • Real-time transcription: Instantly captures spoken input and converts it into text.
  • Interim results: Provides partial transcriptions as the user speaks, offering a real-time experience before finalizing the text.
  • Multilingual recognition: Transcribes speech from multiple languages into text.
  • Tooltips: Tooltips display information about start and stop actions, guiding users throughout the speech recognition process.
  • Appearance: Comes with predefined styles but also allows customization of content and icons to match the application’s design.

JavaScript SpeechToText

Improvement in CSP inline style

We have resolved inline style-related issues in most scenarios across our JavaScript controls. This improvement ensures better compliance with the content security policy (CSP) by reducing the need for unsafe-inline in style directives.

AI AssistView

Real-time streaming

The Essential JS2 AI AssistView now supports streaming, enabling dynamic updates of the prompt responses as chunks. Users can receive the response once generated, reducing delays.

JavaScript AI AssistView

Charts

Tooltip based on closest point

This feature allows users to display a tooltip that provides information about the data point closest to the cursor.

JavaScript Chart Closest Tooltip

Total stacked values

This feature allows users to display the cumulative total for stacked chart data directly through data labels, improving the clarity and readability of stacked charts.

JavaScript Chart Closest Tooltip

Scrollbar position

Users can now place horizontal and vertical scrollbars at the top, bottom, left, or right of the chart.

JavaScript Chart scrollbar position

Highlighting data range with crosshair

When the crosshair is displayed, users can highlight the entire range of the corresponding category’s data points for better visibility.

JavaScript Chart crosshair highlight

Corner radius for individual data points

Users can now customize the corner radius of individual data points in a rectangle-shaped series using an event triggered when rendering the points, improving the chart’s appearance.

JavaScript Chart Corner radius

Vertical axis label wrap

Users can now wrap the vertical axis label based on the maximum label width for better readability.

JavaScript Chart Corner radius

Funnel mode

Chart now supports the trapezoidal funnel chart, where each stage is represented as a trapezoid instead of a triangle.

JavaScript Chart vertical axis label wrap

Customizing the exported Excel document

Users can now customize the exported Excel document using an event triggered before the chart data is exported to an Excel file.

Chat UI

Improved navigation to messages and focus methods

The Essential JS2 Chat UI control now offers improved message navigation and interaction features for a more efficient user experience. Users can quickly locate specific messages using their unique IDs, effortlessly scroll to relevant conversations, and set focus on the dynamic input.

Essential JS2 Chat UI

Chips

Drag and drop

This feature enables easy reordering of chips by dragging and dropping them within the same container or across different containers.

JavaScript Chips drag and drop

Data Manager

Cache support in data manager

The data manager now includes cache support, which can be enabled using the enableCache option. This reduces redundant HTTP requests for previously visited pages, improving performance and efficiency. When this feature is enabled, an HTTP request is sent only the first time a page is visited, and subsequent requests use the cached data.

JavaScript data manager cache

Middleware support in data manager

The data manager now includes middleware logic, allowing users to intercept and modify HTTP requests before they are sent to the server and process responses after receiving them. This feature is useful for scenarios such as adding authentication tokens, modifying request headers, logging API calls, handling error responses, and transforming received data before the application processes it. This enhancement allows users to integrate authentication, security, and custom data-handling logic without modifying the core request-response flow.

JavaScript data manager middleware

DateTime Picker

Flexible date and time format parsing

The Syncfusion® JavaScript DatePicker and DateTime Picker now support multiple input formats, allowing users to enter and process date and time values more efficiently. This enhancement helps prioritize user-defined formats and ensure accurate parsing.

Flexible date and time format parsing

Diagram

Enhanced connector routing algorithm

This feature ensures that connectors adjust dynamically to avoid overlapping with neighboring connectors, maintaining a clear and organized diagram. By automatically updating the connector geometry, it eliminates visual clutter and enhances the readability of connection paths, resulting in a more structured and comprehensible diagram.

Creating a 16-bit adder circuit using the Avoid Connector Overlapping option to prevent connectors from overlapping with each other

Word Processor

Preserve hidden text

This feature ensures that hidden text in Word documents is preserved, maintaining its integrity when a document is opened and saved using the Word Processor component.

API for batch editing operations

The Word Processor has new API support for beginning and ending batch editing operations. This enhancement enables editing tasks to be executed programmatically without pagination throughout the batch process. Pagination is only applied once the batch editing is finalized, resulting in improved performance.

DataGrid

Column chooser with template support

The column chooser now includes template support, allowing users to render customized views in its header, content, and footer. Users can thus design the column chooser’s appearance. Additionally, users can enable or disable the the column chooser’s default search functionality, giving them more control over their filtering experience.

JavaScript DataGrid column chooser

Enhanced filtering with ‘in’ and ‘not in’ operators

The filtering functionality has been enhanced with support for the in and not in filter operators. These operators allow users to filter records based on multiple matching or non-matching values within the same column, providing more flexibility in data filtering.

JavaScript DataGrid in and not in filtering

Mention

Leading space configuration

In the JavaScript Mention component, users can now type the mention character continuously without needing a leading space to activate the mention pop-up.

Leading space configuration

PDF Viewer

Text search improvement

We have enhanced the text search functionality in the PDF Viewer so that it delivers faster and more accurate search results within PDF documents. The search speed is 90% faster for documents of up to 1,000 pages and the upgraded accuracy significantly reduces errors, providing reliable and swift retrieval of critical information.

Pivot Table

Classic layout export

The pivot table now supports exporting data in the classic (tabular) layout format to PDF, Excel, and CSV files using the built-in client-side export functionality. This enhancement enables users to generate and export pivot table data in a structured, table-style format, enhancing readability for further analysis and sharing.

Scheduler

Prevent overlapping appointments

This feature prevents appointments from overlapping, ensuring a smooth and efficient scheduling experience. Find the demo link here.

Prevent overlapping appointments in JavaScript Scheduler.

Up arrow icon
Chat with us