Syncfusion Feedback
What’s New in Syncfusion Blazor Components

ESSENTIAL STUDIO® 2025 VOLUME 3

What’s New in Syncfusion® Blazor Components

2025 Volume 3 boosts our Blazor collection with multiple features and performance improvements in the DataGrid, as well as Word-file importing and quick table row and column insertion in the RTE.

What’s New seaprator What’s New in Syncfusion® Blazor Components

Common

Preview to production-ready components

The following components have been developed to meet industry standards and are now marked as production-ready for Blazor:

  • Smart Paste Button: Intelligent paste functionality with context-aware formatting.
  • Smart TextArea: Enhanced text area with AI-powered suggestions and formatting.

    Blazor smart paste button

Charts

Axis label template

This feature allows the use of custom HTML elements, such as images and styled text, within axis labels. This enables more flexible and visually rich label customization.

Blazor Charts axis label template

Check out the demo

Last data label indicator

This feature highlights the most recent data point in a series by displaying a label and an indicator line, making it easier to identify the latest value.

Last data label indicator in Blazor Charts

Check out the demo

No data template

When the data source is completely unavailable, users can display custom HTML content, such as images or messages, to represent the absence of data in a chart visually.

No data template in Blazor Charts

Check out the demo

Chat UI

Tagging users in messages

The Chat UI supports mentioning users within chat messages. Users can tag specific individuals during conversations using the @ symbol trigger with a suggestion pop-up displayed for selection.

Blazor Chat UI user mention

DataGrid

Tooltip support

Tooltip functionality has been enhanced to support a broader range of content types. In addition to displaying plain text, tooltips can now include rich content such as images, icons, and custom components. This improvement enables more informative and visually engaging tooltips, offering users clearer context and a more interactive experience.

Blazor DataGrid with custom tooltip

Check out the demo

Persistent grouping state

The expanded or collapsed state of grouped rows is now preserved during actions like sorting, filtering, paging, and editing. This enhancement ensures a consistent experience when working with grouped data.

Blazor DataGrid with persist group state enabled

Check out the demo

Select rows across pages

We’ve enhanced the SelectRowAsync method to support row selection beyond the current page. Previously, selection was limited to rows within the visible page range. Now, the method calculates the appropriate page index, navigates to the corresponding page, and selects the desired row based on its index—enabling seamless row selection across all pages in the DataGrid.

Blazor DataGrid demonstrating row selection across multiple pages.

Performance Enhancements

Performance has been significantly improved for lazy load grouping when paging is enabled. This results in faster rendering and smoother data operations.

Component Scenario (2 lakh & 100 page size) Performance improvement
DataGrid Expanding child row 98%

Check out the demo

Diagram

Disable the tooltip in symbol palettes

Users can disable tooltip for shapes and connectors displayed in the symbol palette. It provides a cleaner UI experience, especially when tooltips are unnecessary or may interfere with user interactions.

Disable the tooltip in symbol palettes

Enable vertical orientation

MindMap diagrams support vertical orientation, arranging nodes from top to bottom. This layout improves readability for hierarchical structures and offers flexibility in presenting ideas.

Enable vertical orientation

Restrict segment thumb addition

This feature introduces a constraint mechanism to limit the number of segment thumbs (control points) added to a connector. It helps maintain diagram clarity and prevents excessive customization that could lead to visual clutter or performance issues.

Restrict segment thumb addition

Performance improvement

The Dropdown Tree component’s performance has been improved during the dropdown popup opening. The following improvements demonstrate the performance enhancement.

Scenario Improved percentage (%)
10k nodes checked (100 parent nodes, 100 child nodes) 35
10k nodes selected (100 parent nodes, 100 child nodes) 82

Gantt Chart

Display Work Breakdown Structure (WBS) column

Users can display Work Breakdown Structure (WBS) codes and predecessors in the Gantt Chart. The WBS column shows hierarchical levels of tasks, helping users understand task organization. The WBS predecessor column displays task dependencies using WBS codes to analyze relationships and manage project flow easily.

Displays hierarchical task levels and WBS predecessors in Blazor Gantt Charts.

Timezones

This feature allows users to manage task scheduling based on specific time zones. It ensures accurate planning and coordination for teams working across different regions.

Illustrates task scheduling across timezones in the Blazor Gantt Chart.

Excel filter

This feature enables Excel-like filtering in Gantt Charts. Users can filter data using checkboxes and search boxes, making viewing and managing tasks easier.

Demonstrates checkbox and search box filtering in the Blazor Gantt Chart.

Rich Text Editor

Quick insert for table rows and columns

This feature allows users to insert rows and columns into a table quickly. When hovering the mouse near the table edges, a “+” icon appears, enabling users to add rows or columns with a single click.

Blazor Rich Text Editor quick insert for table rows and columns

View the table rows and columns quick insert demo

Source code view restructured

This feature improves alignment and formatting in the Rich Text Editor’s source code view. By applying consistent indentation and structure, it enhances the readability of the underlying HTML content, making it easier for users to review and edit code directly within the editor.

Blazor Rich Text Editor enhances source code view

Word file import

Users can effortlessly import Word documents into the Rich Text Editor by simply dragging and dropping .docx files into the import dialog. This feature also includes built-in maximum file size validation. If a file exceeds the allowed limit, users receive a clear notification.

Blazor Rich Text Editor quick insert for table rows and columns

View the import Word demo

Stock Chart

Last data label indicator

This feature highlights the most recent data point in a series by displaying a label and an indicator line, making it easier to identify the latest value.

Last data label indicator in Blazor Stock Chart

No data template

When the data source is completely unavailable, users can display custom HTML content, such as images or messages, to represent the absence of data in the stock chart visually.

No data template in Blazor Stock Chart

Check out the demo

TreeGrid

Customize empty record message

This feature enables the customization of the message or image shown when the TreeGrid has no records. By default, it displays the text “No records to display.”

Blazor TreeGrid empty record

Sticky headers

The TreeGrid now supports sticky headers, keeping column titles anchored at the top during vertical scrolling. This enhancement improves readability and maintains context when navigating through large datasets.

Blazor TreeGrid sticky headers

Observable binding

Reactive data updates are now enabled through observable collections. Any changes like adding, removing, or refreshing data are automatically reflected in the TreeGrid, ensuring a seamless and real-time experience without manual intervention.

Blazor TreeGrid observable binding

Up arrow icon