What’s New in Syncfusion Blazor: 2023 Volume 1
Tags: blazor, productivity, webdev, ui
Published: 2023-04-05 12:19:04

---
title: What’s New in Syncfusion Blazor: 2023 Volume 1
published: true
date: 2023-04-04 13:12:52 UTC
tags: blazor, productivity, webdev, ui
canonical_url: https://www.syncfusion.com/blogs/post/whats-new-blazor-2023-volume-1.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wlw6jcceqrgr93zwd8gj.png
---
The Syncfusion [Blazor](https://www.syncfusion.com/blazor-components "Blazor Components Library") components library offers over 80 responsive and lightweight UI components for building modern web apps. More exciting new features have been added in the Essential Studio [2023 Volume 1](https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download "Essential Studio 2023 Volume 1") release. We’ll be taking a look at them in this blog.

## **Preview to production-ready components**

The following Blazor components have been developed to meet industry standards and are now ready for production.

- [Mention](https://www.syncfusion.com/blazor-components/blazor-mention "Blazor Mention Component") ([demo](https://blazor.syncfusion.com/demos/mention/default-functionalities?theme=fluent "Blazor Mention Component Live Demo"))
- [Rating](https://www.syncfusion.com/blazor-components/blazor-rating "Blazor Rating Component") ([demo](https://blazor.syncfusion.com/demos/rating/default-functionalities?theme=fluent "Blazor Rating Component Live Demo"))

## **CRG–improvement**

We have updated the CRG bundled resources delivery process. Now, the selected component’s resources download [links](https://blazor.syncfusion.com/crg/ "Syncfusion Blazor Components Live Demo") will be shared via email instead of directly downloading them from the application.

## **Word Processor** 

The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor "Blazor Word Processor") component, also known as the document editor, has the following new feature enhancements.

### **Continuous section break**

This feature allows users to create a new section while staying on the same page in the Blazor Word Processor component. This is particularly useful when users want to adjust the number of columns for specific content without initiating a new page.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Continuous-section-break-feature-in-the-Blazor-Word-Processor-2.png" alt="Continuous section break feature in the Blazor Word Processor" style="width:100%">

  <figcaption>Continuous section break feature in the Blazor Word Processor</figcaption>

</figure>

### **Drag and drop the selected content**

This feature allows users to drag and drop selected content from one place to another within a Word document.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Dragging-and-dropping-selected-content-in-the-Blazor-Word-Processor.png" alt="Dragging and dropping selected content in the Blazor Word Processor" style="width:100%">

  <figcaption>Dragging and dropping selected content in the Blazor Word Processor</figcaption>

</figure>

### **Show or hide bookmarks**

Now, you can show or hide the start and end of bookmarks in the Word Processor component. The control can display square brackets at the beginning and end of each bookmark.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Showing-bookmarks-in-Blazor-Word-Processor.png" alt="Showing bookmarks in Blazor Word Processor" style="width:100%">

  <figcaption>Showing bookmarks in Blazor Word Processor</figcaption>

</figure>

### **Optimize SFDT file size**

The SFDT file generated by the Word Processor is now optimized to reduce its size. All static keys are minified, and the final JSON string is compressed. This reduces the file size of the SFDT relative to a DOCX file, providing the following benefits:

- Quick file transfer between client and server through faster internet services.
- The new, optimized SFDT files require less storage space than the old SFDT files.

This feature also has a public API to switch between the old and new optimized SFDT format, allowing backward compatibility.

**Note:** For more details, refer to the [Blazor Word Processor demos](https://blazor.syncfusion.com/demos/document-editor/default-functionalities "Blazor Word Processor Component Live Demo").

## **Gantt Chart**

The [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart "Blazor Gantt Chart") gains the following new features in this 2023 Volume 1 release.

### **Critical path**

This feature allows you to highlight a single task or a chain of linked tasks that directly impact the project’s end date. This feature gives users a visual representation of tasks critical to their project’s success.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/The-critical-path-in-the-Blazor-Gantt-Chart.png" alt="The critical path in the Blazor Gantt Chart" style="width:100%">

  <figcaption>The critical path in the Blazor Gantt Chart</figcaption>

</figure>

### **Template support for the timeline and indicator tooltips**

Use the template support to display custom elements or content in the tooltips. This enables users to create more personalized and informative tooltips for their Gantt projects.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Template-support-for-tooltips-in-the-Blazor-Gantt-Chart.gif" alt="Template support for tooltips in the Blazor Gantt Chart" style="width:100%">

  <figcaption>Template support for tooltips in the Blazor Gantt Chart</figcaption>

</figure>

### **Improvements in custom adaptor**

The custom adaptor feature has been improved to support sorting, filtering, and row dragging and dropping operations. This gives users greater control over their data and improves their project management experience.

**Note:** For more details, refer to the [Blazor Gantt Chart demos](https://blazor.syncfusion.com/demos/gantt-chart/overview?theme=fluent "Blazor Gantt Chart Component Live Demo").

## **Paging and server-side engine support in the Blazor Pivot Table**

The paging support allows users to break up and display a huge volume of data in pages. Thus, they improve the overall rendering performance of the [Blazor Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table "Blazor Pivot Table"). In addition, built-in navigation buttons are available to navigate among pages and change the page size at runtime.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Paging-support-in-the-Blazor-Pivot-Table.gif" alt="Template support for tooltips in the Blazor Gantt Chart" style="width:100%">

  <figcaption>Paging support in the Blazor Pivot Table</figcaption>

</figure>

Using server-side engine support, pivot operations such as aggregation, filtering, sorting, and grouping can be performed on a separate server. With this method, the cell information alone is sent to the Pivot Table’s viewport via the web service. This will reduce the network traffic and improve the rendering performance, especially when used in a Blazor WebAssembly app.

**Note:** For more details, refer to the [Blazor Pivot Table demos](https://blazor.syncfusion.com/demos/pivot-table/overview?theme=fluent "Blazor Pivot Table Demo").

## **Virtual scrolling in dropdown components**

The Blazor [Dropdown List](https://www.syncfusion.com/blazor-components/blazor-dropdown-list "Blazor Dropdown List"), [ComboBox](https://www.syncfusion.com/blazor-components/blazor-combobox "Blazor ComboBox"), and [AutoComplete](https://www.syncfusion.com/blazor-components/blazor-autocomplete "Blazor AutoComplete Component") components now support virtual scrolling functionality. This makes the scrolling experience smoother and more responsive, providing an enhanced user experience when navigating through a huge list of items.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Blazor-AutoComplete-component-with-virtual-scrolling-functionality.gif" alt="Blazor AutoComplete component with virtual scrolling functionality" style="width:100%">

  <figcaption>Blazor AutoComplete component with virtual scrolling functionality</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor Dropdown List](https://blazor.syncfusion.com/demos/dropdown-list/virtualization?theme=fluent "Blazor Dropdown List Component"), [ComboBox](https://blazor.syncfusion.com/demos/combobox/virtualization?theme=fluent "Blazor ComboBox Component"), and [AutoComplete components demos](https://blazor.syncfusion.com/demos/autocomplete/virtualization?theme=fluent "Blazor AutoComplete Component").

## **Blazor Charts**

### **Sorting**

Now, the [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts "Blazor Charts") component enables users to sort data points in ascending or descending order. Also, the chart data can be sorted based on any field from the mapped data source.  
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Sorting-feature-in-Blazor-Charts.png" alt="Sorting feature in Blazor Charts" style="width:100%">

  <figcaption>Sorting feature in Blazor Charts</figcaption>

</figure>

**Tooltip enhancements**

We have improved the chart tooltip’s performance while handling a huge volume of data and when live updates are enabled in both server and WebAssembly apps.

**Note:** For more details, refer to the [Blazor Charts demos](https://blazor.syncfusion.com/demos/chart/datasorting?theme=fluent "Blazor Charts Demos").

## **DateOnly and TimeOnly support in Blazor DataGrid**

The [Blazor DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid "Blazor DataGrid Component") allows users to bind and manage date and time-only values easily. Users can also perform various data operations such as sorting, filtering, grouping, searching, and CRUD (create, read, update, delete). To simplify things further, built-in [DatePicker](https://www.syncfusion.com/blazor-components/blazor-datepicker "Blazor DatePicker Component") and [TimePicker](https://www.syncfusion.com/blazor-components/blazor-timepicker "Blazor TimePicker Component") editor components are rendered for editing and filtering operations.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Entering-date-values-in-Blazor-DataGrid.gif" alt="Entering date values in Blazor DataGrid" style="width:100%">

  <figcaption>Entering date values in Blazor DataGrid</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Entering-time-values-in-the-Blazor-DataGrid.gif" alt="Entering time values in the Blazor DataGrid" style="width:100%">

  <figcaption>Entering time values in the Blazor DataGrid</figcaption>

</figure>

The Blazor DataGrid component provides support for the following new features, too:

- Frozen columns with a stacked header.
- Initial filtering when the DataGrid is bound with a stacked header.
- Keyboard navigation support for toolbar icons and a detail template.
- Column virtualization with right-to-left rendering support.
- Event support to access the header cell information.

**Note:** For more details, refer to the [Blazor DataGrid demos](https://blazor.syncfusion.com/demos/datagrid/filter-menu "Blazor DataGrid Component Live Demo").

## **Auto-scroll support for the nodes in Blazor Diagram**

Now, the [Blazor Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram "Blazor Diagram Component") component has an auto-scrolling feature for whenever the node is moved beyond the diagram’s boundary. The node is always visible during dragging, resizing, and multiple-selection operations.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Blazor-Diagram-component-with-auto-scrolling-functionality.gif" alt="Blazor Diagram component with auto-scrolling functionality" style="width:100%">

  <figcaption>Blazor Diagram component with auto-scrolling functionality</figcaption>

</figure>

Other than this major update, you can also see the following new features in the Blazor Diagram component:

- **Delete** method to delete the diagram elements. When the diagram elements are not passed, the selected diagram elements will be deleted.
- **Stack limit** support to limit the history of entries stored on the undo or redo stack’s history list.
- **Paste** method with argument support to paste the diagram elements, which are clones of the existing elements. When the collection of diagram elements is passed, the passed items will be posted in the diagram. Otherwise, the cloned copy of elements from the internal clipboard will be pasted.

**Note:** For more details, refer to the [Blazor Diagram component demos](https://blazor.syncfusion.com/demos/diagramcomponent/scrollsettings "Blazor Diagram Component Live Demo").

## **Upload large files in the Blazor File Upload component**

The [Blazor File Upload](https://www.syncfusion.com/blazor-components/blazor-file-upload "Blazor File Upload Component") component has been optimized to handle large files, specifically those of 2 GB or more. This enhances the user experience for those uploading and processing large files and makes the process more efficient.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Uploading-huge-files-in-the-Blazor-File-Upload-component.png" alt="Uploading huge files in the Blazor File Upload component" style="width:100%">

  <figcaption>Uploading huge files in the Blazor File Upload component</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor File Upload component demos](https://blazor.syncfusion.com/demos/file-upload/default-functionalities?theme=fluent "Blazor File Upload Component Demos").

## **Upload directory in Blazor File Manager**

From the 2023 Volume 1 release on, you can upload a directory (folder) in the [Blazor File Manager](https://www.syncfusion.com/blazor-components/blazor-file-manager "Blazor File Manager Component") component. The directories can be uploaded through the toolbar or drag-and-drop actions. All the files and subdirectories are automatically included when we upload a directory. The feature is supported in physical, Node.js, Azure, and Amazon S3 providers.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Uploading-a-directory-in-the-Blazor-File-Manager.jpg" alt="Uploading a directory in the Blazor File Manager" style="width:100%">

  <figcaption>Uploading a directory in the Blazor File Manager</figcaption>

</figure>

The Syncfusion [Blazor Tooltip](https://www.syncfusion.com/blazor-components/blazor-tooltip "Blazor Tooltip") component has also been integrated with the File Manager component. This is achieved with a new Boolean property named **ShowTooltip** that controls the tooltips’ display for the File Manager toolbar, navigation pane, and large icons view items, with a default value of **true**.

**Note:** For more details, refer to the [Blazor File Manager](https://blazor.syncfusion.com/demos/file-manager/directory-upload?theme=fluent "Blazor File Manager Component") and [Tooltip demos](https://blazor.syncfusion.com/demos/tooltip/default?theme=fluent "Blazor Tooltip Component").

## **Enhancement in Blazor Rich Text Editor toolbar’s tooltip appearance**

We have enhanced the appearance of the [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor "Blazor Rich Text Editor") toolbar’s tooltips. These tooltips have been redesigned to display the keyboard shortcut information. Thus, it is easier for users to understand the functions of each toolbar item.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Blazor-Rich-Text-Editor-toolbars-tooltips-display-the-keyboard-shortcuts-1.gif" alt="Blazor Rich Text Editor toolbar’s tooltips display the keyboard shortcuts" style="width:100%">

  <figcaption>Blazor Rich Text Editor toolbar’s tooltips display the keyboard shortcuts</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor Rich Text Editor demos](https://blazor.syncfusion.com/demos/rich-text-editor/overview "Blazor Rich Text Editor Demos").

## **Timeline views without horizontal scroller in Blazor Scheduler**

This feature allows users to see an overview of the schedule timeline without a horizontal scroller. This improves the usability and accessibility of the [Blazor Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler "Blazor Scheduler Component") component.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Timeline-views-without-horizontal-scroller-in-the-Blazor-Scheduler.png" alt="Timeline views without horizontal scroller in the Blazor Scheduler" style="width:100%">

  <figcaption>Timeline views without horizontal scroller in the Blazor Scheduler</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor Scheduler demos](https://blazor.syncfusion.com/demos/scheduler/overview?theme=fluent "Blazor Scheduler Demos").

## **Reversible Range Slider**

In the [Blazor Range Slider](https://www.syncfusion.com/blazor-components/blazor-range-slider "Blazor Range Slider Component"), you can display the slide range in reverse order, i.e., from 100 to 0 or -100 to 0. With this feature, users can set a maximum value that is less than the minimum. This feature is available for all ranges and numeric sliders.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Reversible-Blazor-Range-Slider.png" alt="Reversible Blazor Range Slider" style="width:100%">

  <figcaption>Reversible Blazor Range Slider</figcaption>

</figure>

**Note** : For more details, refer to the [Blazor Range Slider demos](https://blazor.syncfusion.com/demos/range-slider/vertical-orientation?theme=fluent "Demo: Vertical orientation in Blazor Range Slider").

## **Row drag and drop with virtualization in Blazor TreeGrid**

Users can reorder rows by dragging and dropping them when the row and column virtualization features are enabled in the [Blazor TreeGrid](https://www.syncfusion.com/blazor-components/blazor-tree-grid "Blazor TreeGrid") component.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Row-drag-and-drop-with-virtualization-in-Blazor-TreeGrid.gif" alt="Row drag and drop with virtualization in Blazor TreeGrid" style="width:100%">

  <figcaption>Row drag and drop with virtualization in Blazor TreeGrid</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor TreeGrid demos](https://blazor.syncfusion.com/demos/tree-grid/draganddrop-within-grid?theme=fluent "Blazor TreeGrid Demos").

## **Template support for the tooltip in Heatmap chart**

User-defined content can now be displayed in the [Blazor Heatmap chart’s](https://www.syncfusion.com/blazor-components/blazor-heatmap-chart "Blazor Heatmap Chart") tooltip. It can include text, images, or any custom components.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Template-support-for-tooltips-in-the-Blazor-Heatmap-chart.png" alt="Template support for tooltips in the Blazor Heatmap chart" style="width:100%">

  <figcaption>Template support for tooltips in the Blazor Heatmap chart</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor Heatmap chart demos](https://blazor.syncfusion.com/demos/heatmap-chart/color-and-size-attributes?theme=fluent "Blazor Heatmap chart Live Demo").

## **Secondary progress bar customization**

Now, you can customize the width and color of the secondary [ProgressBar](https://www.syncfusion.com/blazor-components/blazor-progressbar "Blazor ProgressBar Component").
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Customizing-the-secondary-ProgressBar-in-Blazor.png" alt="Customizing the secondary ProgressBar in Blazor" style="width:100%">

  <figcaption>Customizing the secondary ProgressBar in Blazor</figcaption>

</figure>

**Note:** Also, view the live [demo for the Blazor ProgressBar](https://blazor.syncfusion.com/demos/progress-bar/linear?theme=fluent "Blazor ProgressBar Live Demo").

## **Conclusion**

Thanks for reading! In this blog, we have seen the new features added to the Syncfusion [Blazor](https://www.syncfusion.com/blazor-components "Blazor Components Library") suite for the [2023 Volume 1 release](https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download "Essential Studio 2023 Volume 1"). Details about these updates are available in our [Release Notes](https://blazor.syncfusion.com/documentation/release-notes/21.1.35 "Essential Studio 2023 Volume 1 Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew/blazor-components "Essential Studio 2023 Volume 1 What’s New") pages. Try them out and leave your feedback in the comments section below!

The new version of Essential Studio is available for existing customers on the [License and Downloads](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads") page. If you are not a Syncfusion customer, try our 30-day [free trial](https://www.syncfusion.com/downloads "Get Free Evaluation of the Essential Studio Products") to check out our available features.

If you have any questions, you can reach us through our [support forum](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/support/tickets "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We are always happy to assist you!

## Related blogs

- [Load on Demand: A Solution to Handling Large Data Sets Efficiently in Blazor Gantt Chart](https://www.syncfusion.com/blogs/post/load-on-demand-blazor-gantt-chart.aspx "Blog: Load on Demand: A Solution to Handling Large Data Sets Efficiently in Blazor Gantt Chart")
- [Interview with Blazor WebAssembly Succinctly Author Michael Washington](https://www.syncfusion.com/blogs/post/interview-with-blazor-webassembly-succinctly-author-michael-washington.aspx "Blog: Interview with Blazor WebAssembly Succinctly Author Michael Washington")
- [Instantly Update a Real-Time Chart with SignalR in Blazor Server-Side App](https://www.syncfusion.com/blogs/post/instantly-update-a-real-time-chart-with-signalr-in-blazor-server-side-app.aspx "Blog: Instantly Update a Real-Time Chart with SignalR in Blazor Server-Side App")
- [Easily Integrate Blazor Components into Any SPA Framework as Custom Elements](https://www.syncfusion.com/blogs/post/integrate-blazor-components-into-any-spa-framework.aspx "Blog: Easily Integrate Blazor Components into Any SPA Framework as Custom Elements")