Syncfusion Feedback
What’s New in Syncfusion Angular UI Components

ESSENTIAL STUDIO® 2025 VOLUME 1

What’s New in Syncfusion® Angular UI Components

2025 Volume 1 introduces a new SpeechToText component, real-time streaming responses in the AI AssistView, and overlap prevention in the Scheduler.

What’s New seaprator What’s New in Syncfusion® Angular UI Components

Common

New control

The SpeechToText component has been added to the Angular suite.

SpeechToText (preview)

The Angular SpeechToText component 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 to 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.

Angular SpeechToText

Improvement in CSP inline styles

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

AI AssistView

Real-time streaming

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

Angular 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.

Angular 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.

Angular Chart Closest Tooltip

Scrollbar position

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

Angular 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.

Angular 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.

Angular Chart Corner radius

Vertical axis label wrap

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

Angular Chart Corner radius

Funnel mode

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

Angular 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 Angular Chat UI component 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 field.

Angular 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.

Angular 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.

Angular 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. It allows users to seamlessly integrate authentication, security, and custom data-handling logic without modifying the core request-response flow.

Angular data manager middleware

DateTime Picker

Flexible date and time format parsing

The Syncfusion® Angular DatePicker and DateTimePicker now support multiple input formats, making it easier to enter and process date and time values. 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 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 feature 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.

Data Grid

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.

Angular Data Grid 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.

Angular Data Grid in and not in filtering

Mention

Leading space configuration

The Syncfusion Angular Mention component now includes a new RequireLeadingSpace API, offering greater flexibility in triggering the mention popup. When set to false, users can type the mention character continuously without a leading space to activate the popup. If set to true, a leading space is required before the mention character to trigger the popup, ensuring precise control over the component’s behavior.

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 Angular Scheduler.

Up arrow icon
Chat with us