What’s New in Blazor: 2023 Volume 2
Tags: blazor, webdev, webassembly, whatsnew
Published: 2023-07-12 14:39:11

---
title: What’s New in Blazor: 2023 Volume 2
published: true
date: 2023-07-12 11:14:55 UTC
tags: blazor, webdev, wasm, whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/whats-new-blazor-2023-volume-2.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jaozihrtdzab3f5nf9b3.png
---
In this article, we’ll see the new components and features added in the Syncfusion Essential Studio [2023 Volume 2](https://www.syncfusion.com/forums/183035/essential-studio-2023-volume-2-main-release-v22-1-34-is-available-for-download "Essential Studio 2023 Volume 2") release for the Blazor platform.

## New Blazor components

In this 2023 Volume 2 release, we have introduced the following new components:

- Image Editor
- Next-generation PDF Viewer

### Image Editor (preview)

The new [Blazor Image Editor](https://www.syncfusion.com/blazor-components/blazor-image-editor "Blazor Image Editor Component") was the most requested component in our feedback portal. It is a UI component for editing and enhancing images. With built-in support for cropping, rotating, flipping, zooming, and applying filters, this component makes it easy to fine-tune your edits to achieve the desired results. It also allows users to annotate images with shapes such as rectangles, ellipses, lines, text, and freehand drawings.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Blazor-Image-Editor.png" alt="Blazor Image Editor" style="width:100%">

  <figcaption>Blazor Image Editor</figcaption>

</figure>

**Note:** For more details, refer to the [Blazor Image Editor demo](https://blazor.syncfusion.com/demos/image-editor/default-functionalities?theme=fluent "Blazor Image Editor demo") and [documentation](https://blazor.syncfusion.com/documentation/image-editor/getting-started "Getting Started with Blazor Image Editor Component").

### Next-generation PDF Viewer

The new [Blazor PDF Viewer](https://blazor.syncfusion.com/documentation/pdfviewer-2/getting-started/features "Next-Gen Blazor PDF Viewer") component allows users to view, edit, print, and download PDF files without the web service dependency in Blazor apps. It is designed to be fast and responsive and has the same feature set as the previous PDF Viewer. It is easy to use and can be integrated into Blazor Server and WASM apps with minimal effort.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Next-generation-Blazor-PDF-Viewer.png" alt="Next-generation Blazor PDF Viewer" style="width:100%">

  <figcaption>Next-generation Blazor PDF Viewer</figcaption>

</figure>

## Preview to production-ready components

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

- [Media Query](https://www.syncfusion.com/blazor-components/blazor-media-query "Blazor Media Query Component")
- [Skeleton](https://www.syncfusion.com/blazor-components/blazor-skeleton "Blazor Skeleton Component")

## Material 3 theme support

The Material 3 theme has been added to all Syncfusion [Blazor UI components](https://www.syncfusion.com/blazor-components "Blazor components library") with light and dark variants to provide modern and visually appealing user interfaces.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Material-3-theme-support-for-Blazor-components-1.png" alt="Material 3 theme support for Blazor components" style="width:100%">

  <figcaption>Material 3 theme support for Blazor components</figcaption>

</figure>

## Syncfusion Blazor Playground App

Introducing the Syncfusion [Blazor Playground](https://blazorplayground.syncfusion.com/ "Blazor Playground app"), an online code editor that enables real-time writing, editing, compiling, and sharing of the Blazor code. Explore the full capabilities of Syncfusion Blazor components directly in your browser without the need for complex setups or installations.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Blazor-Playground-app.png" alt="Blazor Playground app" style="width:100%">

  <figcaption>Blazor Playground app</figcaption>

</figure>

## Showcase samples

We have provided showcase samples for the following apps in the 2023 Volume 2 release:

- Loan Calculator
- Fitness Tracker

We’ll take a closer look at them.

### Loan Calculator

Introducing the new Blazor WASM Loan Calculator, a showcase web app that calculates loan payments, interest rates, and amortization schedules.

For more details, check out the Blazor Loan Calculator demo on our [website](https://blazor.syncfusion.com/showcase/wasm/loan-calculator/ "Blazor Loan Calculator demo") and [GitHub](https://github.com/syncfusion/blazor-showcase-loan-calculator "Syncfusion Blazor Loan Calculator GitHub demo").
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Blazor-Loan-Calculator.png" alt="Blazor Loan Calculator" style="width:100%">

  <figcaption>Blazor Loan Calculator</figcaption>

</figure>

### Fitness Tracker

The new Blazor Fitness Tracker is a showcase web app that tracks a user’s daily activities, diet plan, and fasting details.

For more details, check out the Blazor Fitness Tracker demo on our [website](https://blazor.syncfusion.com/showcase/fitness-tracker/ "Blazor Fitness Tracker demo") and [GitHub](https://github.com/syncfusion/blazor-showcase-fitness-tracker "Blazor Fitness Tracker GitHub demo").
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Blazor-Fitness-Tracker.png" alt="Blazor Fitness Tracker" style="width:100%">

  <figcaption>Blazor Fitness Tracker</figcaption>

</figure>

## Signed assemblies

All Syncfusion [Blazor component](https://www.syncfusion.com/blazor-components "Blazor Components Library") packages have been strongly signed for enhanced security and integrity.

## WASM standalone sample browser

Check out the enhanced [Blazor standalone WebAssembly sample browser](https://blazor.syncfusion.com/wasm/demos/ "Blazor WASM Components Demos") to explore the functionality of our Syncfusion Blazor components directly.

## What’s new in existing Syncfusion Blazor components

Let’s look at the new features added to the existing Blazor UI components.

### DataGrid

#### Performance improvements

In the [Blazor DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid "Blazor DataGrid"), we significantly improved the component’s interaction in Server and WebAssembly environments. Specifically, enhancements have been made in the paging, filtering, sorting, and grouping features.

#### Row drag and drop with a detailed template

Users can easily rearrange rows and the detail template row using the drag-and-drop functionality in Blazor DataGrid.

**Note:** For more details, refer to the Blazor DataGrid component [demo](https://blazor.syncfusion.com/demos/datagrid/detail-template?theme=fluent "Example of Detail Template in Blazor DataGrid Component").

#### Accessibility improvements

We have Improved the accessibility support for the DataGrid component to meet web accessibility standards.

#### Data annotation improvements

We’ve provided support for the following data annotation properties in their listed classes.
<table style="width: 100%;" width="665">
<thead>
<tr>
<td style="width: 28.4524%;">
<p>Data annotation class names</p>
</td>
<td style="width: 33.5714%;">
<p>Added properties</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>Description</p>
</td>
</tr>
</thead>
<tbody>
<tr style="background: none;">
<td style="width: 28.4524%;">
<p>DisplayFormat</p>
</td>
<td style="width: 33.5714%;">
<p>NullDisplayText</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>Gets the text to be displayed when the property's value is null.</p>
</td>
</tr>
<tr>
<td style="width: 28.4524%;">
<p> </p>
</td>
<td style="width: 33.5714%;">
<p>ConvertEmptyStringToNull</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>Gets the value indicating whether empty string values should be converted to null in the UI.</p>
</td>
</tr>
<tr>
<td style="width: 28.4524%;">
<p> </p>
</td>
<td style="width: 33.5714%;">
<p>HtmlEncode</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>If <strong>DisableHtmlEncode</strong> is set to false, it disables the encodes of the HTML of the header and content cells.</p>
</td>
</tr>
<tr>
<td style="width: 28.4524%;">
<p> </p>
</td>
<td style="width: 33.5714%;">
<p>ApplyFormatInEditMode</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>Gets the value indicating whether the column format should be applied in edit mode.</p>
</td>
</tr>
<tr>
<td style="width: 28.4524%;">
<p>Display</p>
</td>
<td style="width: 33.5714%;">
<p>Description</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>Gets the text to be displayed for the tooltip.</p>
</td>
</tr>
<tr>
<td style="width: 28.4524%;">
<p> </p>
</td>
<td style="width: 33.5714%;">
<p>AutoGenerateFilter</p>
</td>
<td style="width: 37.1429%;" width="370">
<p>If AllowFiltering is set to false, it disables a particular column's filtering option and filter bar element.</p>
</td>
</tr>
</tbody>
</table>

**Note:** For more details, refer to the Blazor DataGrid data annotation [demo](https://blazor.syncfusion.com/demos/datagrid/data-annotation?theme=fluent "Data Annotation in Blazor DataGrid Component live demo").

### Charts

In the [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts "Blazor Charts") component, we rolled out the following features.

#### Range step area chart

We have added a new chart type called range step area to the Blazor Charts component. It is used to display the difference between minimum and maximum values over a certain time period.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Blazor-Range-Step-Area-Chart.png" alt="Blazor Range Step Area Chart" style="width:100%">

  <figcaption>Blazor Range Step Area Chart</figcaption>

</figure>

**Note:** For more details, check the Blazor range step area chart’s [demo](https://blazor.syncfusion.com/demos/chart/range-step-area?theme=fluent "Blazor Range Step Area Chart live demo").

#### Zooming and panning performance improvements

We improved the Charts zooming and panning performance both to handle more significant amounts of data and for when live updates are enabled in both server and WASM apps.

**Note:** See the Blazor Charts zooming and panning [demos](https://blazor.syncfusion.com/demos/chart/zooming?theme=fluent "Blazor Chart with Zooming and Panning live demo") for more details.

#### Zoom toolbar

Display a zoom toolbar with zoom-in and zoom-out options for the Charts on initial loading.
<figure>

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

  <figcaption>Zoom toolbar in Blazor Charts</figcaption>

</figure>

**Note:** See the Blazor Zoom toolbar [demo](https://blazor.syncfusion.com/demos/chart/zooming?theme=fluent "Blazor Chart with Zooming and Panning live demo") for more details.

#### Cross marker

Use a cross-shaped marker for data points in a chart.
<figure>

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

  <figcaption>Cross marker in Blazor Charts</figcaption>

</figure>

### Scheduler

#### Spanned events in timeline year view

Render spanned events as a single event instead of separate events in the timeline year view of the [Scheduler component](https://www.syncfusion.com/blazor-components/blazor-scheduler "Blazor Scheduler").
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Spanned-events-in-Blazor-Schedulers-timeline-year-view-1.png" alt="Spanned events in Blazor Scheduler’s timeline year view" style="width:100%">

  <figcaption>Spanned events in Blazor Scheduler’s timeline year view</figcaption>

</figure>

**Note:** See the Blazor Scheduler spanned events live demo [here](https://blazor.syncfusion.com/demos/scheduler/year-view?theme=fluent "Live demo for Year View in Blazor Scheduler Component") for more information.

#### Recurrence editor END type customization

Now, you can set end dates (_until ends on_ or _never_) for the recurrence events in the Scheduler. You can see how to customize the end type option in the editor in this [documentation](https://blazor.syncfusion.com/documentation/scheduler/recurrence-editor#customizing-the-end-type-option-in-editor "Customizing the End Type Option in Editor").

### Stock Chart with date-time category axis

The new date-time category axis in the [Blazor Stock Chart](https://www.syncfusion.com/blazor-components/blazor-stock-chart "Blazor Stock Chart") displays business days. Render and configure the Stock Chart using the **DateTimeCategory** axis type to visualize stock data. To render a line series, use a **Line** series type.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Blazor-Stock-Chart-with-date-time-category-axis.png" alt="Blazor Stock Chart with date-time category axis" style="width:100%">

  <figcaption>Blazor Stock Chart with date-time category axis</figcaption>

</figure>

**Note:** See the Blazor Stock Chart with the date-time category axis’s live demo [here](https://blazor.syncfusion.com/demos/stock-chart/date-time-category-axis?theme=fluent "Blazor Stock Chart with DateTime Category Axis live demo").

### TreeGrid

#### Row drag and drop with a detailed template

The [Blazor TreeGrid](https://www.syncfusion.com/blazor-components/blazor-tree-grid "Blazor TreeGrid") now allows users to rearrange rows along with the detail template row using the drag-and-drop functionality.

#### DateOnly and TimeOnly values

These features allow users to bind and manage date and time-only values quickly. Users can perform various data operations such as sorting, filtering, searching, and CRUD (create, read, update, delete). To simplify things, built-in DatePicker and TimePicker editor components are rendered for editing and filtering purposes.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Date-and-time-pickers-in-Blazor-TreeGrid.gif" alt="Date- and time-pickers in Blazor TreeGrid" style="width:100%">

  <figcaption>Date- and time-pickers in Blazor TreeGrid</figcaption>

</figure>

**Note:** For more details, check out the [Blazor TreeGrid inline editing demo](https://blazor.syncfusion.com/demos/tree-grid/inline-editing "Blazor TreeGrid inline editing live demo") and [column-type documentation.](https://blazor.syncfusion.com/documentation/treegrid/columns/columns#column-type "Column types in Blazor TreeGrid")

### Dropdown components with virtual scrolling using the keyboard

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") components support virtual scrolling through the keyboard keys. This provides an improved user experience when these components are rendered with large data sets. This feature allows users to navigate the list using their keyboard, making finding and selecting items faster and more efficient.
<table width="641">
<thead>
<tr>
<td>
<p>Keyboard key</p>
</td>
<td width="549">
<p>Action</p>
</td>
</tr>
</thead>
<tbody>
<tr style="background: none;">
<td>
<p>Down arrow</p>
</td>
<td width="549">
<p>Loads the next virtual list item if the last item of the current page is selected.</p>
</td>
</tr>
<tr>
<td>
<p>Up arrow</p>
</td>
<td width="549">
<p>Loads the previous virtual list item if the first item of the current page is selected.</p>
</td>
</tr>
<tr>
<td>
<p>Page Down</p>
</td>
<td width="549">
<p>Loads the next page and selects the last item in it.</p>
</td>
</tr>
<tr>
<td>
<p>Page Up</p>
</td>
<td width="549">
<p>Loads the previous page and selects the first item in it.</p>
</td>
</tr>
<tr>
<td>
<p>Home</p>
</td>
<td width="549">
<p>Loads the initial set of items and selects the first item in it.</p>
</td>
</tr>
<tr>
<td>
<p>End</p>
</td>
<td width="549">
<p>Loads the last set of items and selects the last item in it.</p>
</td>
</tr>
</tbody>
</table>
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Virtual-scrolling-in-Blazor-Dropdown-List.gif" alt="Virtual scrolling in Blazor Dropdown List" style="width:100%">

  <figcaption>Virtual scrolling in Blazor Dropdown List</figcaption>

</figure>

**Note:** For more details, check out the [Blazor Dropdown List virtualization demo](https://blazor.syncfusion.com/demos/dropdown-list/virtualization?theme=fluent "Blazor Dropdown List virtualization live demo").

### Carousel

The new features added in the [Blazor Carousel component](https://www.syncfusion.com/blazor-components/blazor-carousel "Blazor Carousel Component") are as follows.

#### Swipe and drag gestures

This feature allows users to change the slides in the Carousel using swipe or drag gestures, improving the usability and accessibility of the component on phones and tablets.

**Note:** For more details, go through this getting started [documentation](https://blazor.syncfusion.com/documentation/carousel/animations-and-transitions#swipe-modes "Swipe modes in Blazor Carousel component").

#### Indicator customization

Users can choose any of the following indicators using the **IndicatorsType** property.

- **Default** : The Carousel displays indicators with a bullet design.
- **Dynamic** : The Carousel applies dynamic animation to the indicators.
- **Progress** : The Carousel displays slides numerically as indicators.
- **Fraction** : The Carousel displays indicators like a progress bar.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Indicator-customization-in-Blazor-Carousel-component.png" alt="Indicator customization in Blazor Carousel component" style="width:100%">

  <figcaption>Indicator customization in Blazor Carousel component</figcaption>

</figure>

**Note:** For more info, check out the live Blazor indicator-type demo [here](https://blazor.syncfusion.com/demos/carousel/indicator-type?theme=fluent "Indicator Type in Blazor Carousel Component live demo").

### Blazor Diagram

We rolled out the following user-friendly features in the [Blazor Diagram component](https://www.syncfusion.com/blazor-components/blazor-diagram "Blazor Diagram Component") .

#### Freehand drawing

Use freehand drawing to create freeform curves (splines) directly on the diagram page. With this feature, users can unleash their creativity by drawing anything from simple sketches to intricate works of art.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Freehand-drawing-feature-in-Blazor-Diagram-component.gif" alt="Freehand drawing feature in Blazor Diagram component" style="width:100%">

  <figcaption>Freehand drawing feature in Blazor Diagram component</figcaption>

</figure>

**Note:** For more details, check out the drawing tools in the Blazor Diagram component [demo](https://blazor.syncfusion.com/demos/diagramcomponent/drawingtool "DrawingTools in Blazor Diagram Component live demo").

#### Additional auto-scroll support

This feature automatically scrolls a diagram whenever a connector or its endpoints are dragged beyond the boundary. This helps users create large dimensional drawings. The feature can be enabled or disabled using the **EnableAutoScroll** property in the **ScrollSettings** of the Blazor Diagram component.

**Note:** Check out the Blazor Diagram component scroll settings [demo](https://blazor.syncfusion.com/demos/diagramcomponent/scrollsettings "Scrolling in Blazor Diagram Component live demo") for more details.

#### Tooltip for symbols

There’s new tooltip support for symbols in the symbol palette. Now, users can conveniently provide additional information or descriptions for each symbol, improving the overall usability and clarity of the symbol palette.

### Word Processor (document editor)

From the 2023 Volume 2 release onward, you can enjoy the following features in the [Blazor Word Processor](https://www.syncfusion.com/document-processing/word-framework/blazor "Blazor Word Processor").

#### Alternate text for images

You can now add alternative text (alt text) for images in a text document. Alt text is important for accessibility because it enables all users to understand the content of a document. When someone who uses a screen reader or other assistive technology comes across an image in a document, they will hear the alt text describing the image. Without alt text, they will only know they’ve reached an image without knowing what the image shows.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Alternative-text-for-images-in-a-Word-document.png" alt="Alternative text for images in a Word document" style="width:100%">

  <figcaption>Alternative text for images in a Word document</figcaption>

</figure>

**Note:** For more details **,** check out the Blazor Word Processor [demo](https://blazor.syncfusion.com/demos/document-editor/default-functionalities "Default Functionalities in Blazor Word Processor Component live demo").

#### Link to previous header or footer

This feature allows users to link or unlink the header and footer of the previous section to the current section in a Word document. This can be useful if you want to create a consistent look across your document or if you want to create different headers and footers for each section in the document.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Link-to-previous-header-and-footer-sections-in-a-Word-document.png" alt="Link to previous header and footer sections in a Word document" style="width:100%">

  <figcaption>Link to previous header and footer sections in a Word document</figcaption>

</figure>

**Note:** For more details, check out the Blazor Word Processor headers and footers [demo](https://blazor.syncfusion.com/demos/document-editor/headers-and-footers "Headers and Footers in Blazor Word Processor Component live demo").

#### Character spacing and scaling

Character spacing and scaling are two different ways to customize the appearance of text in a Word document. Character spacing refers to the space between individual characters, while scaling refers to the characters’ size. You can increase the character spacing between the letters of a word to make it stand out. You can scale it up to make it easier to read or scale it down to save space.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Custom-character-spacing-and-scaling-features-in-Blazor-Word-Processor.png" alt="Custom character spacing and scaling features in Blazor Word Processor" style="width:100%">

  <figcaption>Custom character spacing and scaling features in Blazor Word Processor</figcaption>

</figure>

**Note:** For more details, check out the Blazor Word Processor character format [demo](https://blazor.syncfusion.com/demos/document-editor/character-format "Character Formatting in Blazor Word Processor Component live demo").

### File Manager

The new features added to the [Blazor File Manager](https://www.syncfusion.com/blazor-components/blazor-file-manager "Blazor File Manager") are as follows.

#### Virtual scrolling

The virtual scrolling feature supports UI virtualization for detailed, large-icon views in the Blazor File Manager control. This feature improves performance on the view port’s initial loading of files and folders. The remaining files and folders will be loaded dynamically when the user scrolls through them. Users can load a huge volume of files and folders without any performance issues. Scrolling can also be done with the keyboard.

You can enable this feature by setting the **EnableVirtualization** property to true.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Virtual-scrolling-in-Blazor-File-Manager-1.png" alt="Virtual scrolling in Blazor File Manager" style="width:100%">

  <figcaption>Virtual scrolling in Blazor File Manager</figcaption>

</figure>

**Note:** For more details, check out the virtual scrolling in the Blazor File Manager [demo](https://blazor.syncfusion.com/demos/file-manager/virtualization?theme=fluent "Virtualization in Blazor File Manager Component live demo").

#### Toolbar customization

The File Manager allows users to customize the toolbar items directly with icons, text, and a tooltip. The **ToolbarItems** property and provided template support facilitate the customization of the items in the File Manager. You can now directly add custom toolbar items using the **FileManagerCustomToolbarItems** tag.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Customizing-the-toolbar-items-in-Blazor-File-Manager.png" alt="Customizing the toolbar items in Blazor File Manager" style="width:100%">

  <figcaption>Customizing the toolbar items in Blazor File Manager</figcaption>

</figure>

#### WASM performance enhancement

The **PreventRender** method in WASM avoids unnecessary re-rendering of the File Manager component. This method internally overrides the **ShouldRender** method of the File Manager to prevent unnecessary re-rendering.

### Gantt Chart

#### Resource view

The new resource view in the [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart "Blazor Gantt Chart") is used to display the tasks that are hierarchically assigned to each resource. Resources are displayed as parents, and all the tasks assigned to each resource are displayed as its child records. This feature can be enabled by setting the **ViewType** to **ResourceView**.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Resource-view-in-Blazor-Gantt-Chart-1.png" alt="Resource view in Blazor Gantt Chart" style="width:100%">

  <figcaption>Resource view in Blazor Gantt Chart</figcaption>

</figure>

**Note:** For more details, check out the Blazor Gantt Chart resource view [demo](https://blazor.syncfusion.com/demos/gantt-chart/resource-view?theme=fluent "Resource View in Blazor Gantt Chart Component live demo").

#### DateOnly and TimeOnly columns

These column types allow users to bind and manage date- and time-only values easily. Users can perform various data operations such as sorting, filtering, searching, and CRUD (create, read, update, delete). To simplify things, built-in DatePicker and TimePicker editor components are also rendered for editing and filtering purposes.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/07/Date-only-and-time-only-columns-in-Blazor-Gantt-Chart.gif" alt="Date-only and time-only columns in Blazor Gantt Chart" style="width:100%">

  <figcaption>Date-only and time-only columns in Blazor Gantt Chart</figcaption>

</figure>

**Note:** For more details, check out the Blazor Gantt Chart column type [documentation](https://blazor.syncfusion.com/documentation/gantt-chart/columns#column-type "Column types in Blazor Gantt Chart").

## Conclusion

Thanks for reading! In this blog, we’ve seen the new features and components included in the Syncfusion [Blazor suite](https://www.syncfusion.com/blazor-components "Blazor Components Library") for the [2023 Volume 2](https://www.syncfusion.com/forums/183035/essential-studio-2023-volume-2-main-release-v22-1-34-is-available-for-download "Essential Studio 2023 Volume 2") release. Try out these user-friendly updates and give us feedback in the comments below.

Check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v22.1.34 "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Essential Studio What's New") pages to see the other available features in the 2023 Volume 2 release.

The new version of Essential Studio is available for current customers on the 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 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/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We are always happy to assist you!

## Related blogs

- [Syncfusion Essential Studio 2023 Volume 2 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2023-volume-2.aspx "Blog: Syncfusion Essential Studio 2023 Volume 2 Is Here!")
- [Introducing the Next-Gen Blazor PDF Viewer Component](https://www.syncfusion.com/blogs/post/next-gen-blazor-pdf-viewer.aspx "Blog: Introducing the Next-Gen Blazor PDF Viewer Component")
- [Simple Steps to Create Thumbnail Images Using the Blazor File Upload Component](https://www.syncfusion.com/blogs/post/create-thumbnail-images-blazor.aspx "Blog: Simple Steps to Create Thumbnail Images Using the Blazor File Upload Component")
- [Role-Based Authorization in Blazor File Manager: An Overview](https://www.syncfusion.com/blogs/post/role-based-authorization-blazor-file-manager.aspx "Blog: Role-Based Authorization in Blazor File Manager: An Overview")