What’s New in Blazor: 2024 Volume 4

We are thrilled to announce that the Syncfusion Essential Studio^® 2024 Volume 4 release is here! This release introduces astonishing new controls and features in our Blazor suite to enhance user experience and streamline modern web development.

Let’s explore them!

.NET 9 support

Syncfusion Blazor components now fully support .NET 9, beginning with the 2024 Volume 3 Service Pack release (27.2). We’ve provided dedicated assemblies for .NET 9, ensuring you can leverage the latest enhancements in Blazor.

Tailwind CSS 3.4 theme

All components in the Syncfusion Blazor suite now support the Tailwind CSS 3.4 theme, which adds enhanced styling and features for a polished modern appearance.

Integrated Microsoft AI Extension Libraries

The Microsoft.Extensions.AI package allows for easy integration of AI functionalities into our components. This package provides a unified API abstraction for AI services, including:

• OpenAI
• Azure AI Inference
• Ollama

Learn more about integrating these capabilities in our detailed blog post.

New Blazor components

The 2024 Volume 4 release introduces the following three new Blazor components in preview mode:

Ribbon (Preview)

The Blazor Ribbon component provides a streamlined interface for accessing features and functions.

Its key features include:

• Built-in items: Customizable items like buttons, checkboxes, and dropdowns.
• Modes: Classic and simplified modes to organize items effectively.
• Tooltips: Provides enhanced user guidance.
• File and backstage menu: Supports common actions with customizable backstage views.
• Templates: Customizable item templates and help panes.

Refer to the following image.

Chat UI (Preview)

The new Blazor Chat UI is a lightweight chat interface for displaying user conversations.

Its key features include:

• Message suggestions: Customizable templates for interaction enhancement.
• On-demand message loading: Enhances performance by loading messages as needed.
• Header toolbar: Customizable toolbar items and commands.
• Timebreak and typing indicator: Improves conversation readability and interaction.

Refer to the following image.

Sankey Diagrams (Preview)

Visualize flow and relationships in various data contexts with the Blazor Sankey Diagrams component.

Its key features include:

• Nodes and links: Represent and connect stages with flow magnitude visualization.
• Labels, tooltips, and legends: Enhance clarity and readability.
• Responsive design, layout options, and export: Provide adaptable and shareable visualization.

Refer to the following image.

Preview to production-ready components

The Blazor AI AssistView and MultiColumn ComboBox components have matured to meet industry standards and are now marked as production-ready.

What’s new in existing Blazor components?

Let’s see the new user-friendly features added to our existing Blazor components as part of the 2024 volume 4 release!

Calendars and Pickers

The Blazor Calendars and Pickers now support the following new features:

• Hijri Calendar: Supports the Islamic lunar calendar for accurate date management.

• Popup opening on focus: Automatically opens date/time popups when the component is focused.

Charts

The Blazor Charts component delivers the following new vivid features:

• Adaptive layout: Dynamically adjusts chart elements for various screen sizes.

• Crosshair snap: Focuses on nearest data points for precision.

Dropdowns

The Blazor Dropdown components have the following new updates:

• Popup resize: Allows dynamic resizing of dropdowns for enhanced usability.

• Filtering with debounce: Optimizes performance by delaying filtering during rapid typing.

Scheduler

Prevent overlapping appointments

The Blazor Scheduler component offers a built-in feature to prevent appointment overlaps, ensuring efficient time management.

Refer to the following image.

Also, check out the following demos:    

• Drag and drop between Scheduler to Scheduler
• Drag and drop between Scheduler to Grid and Vice-versa

Image Editor

Image type and size restriction

The Blazor Image Editor component allows us to set restrictions on image extensions and sizes for uploads, providing user-friendly alerts.

Refer to the following image.

File Manager

Chunk upload

The Blazor File Manager now implements a robust chunk upload mechanism, enabling efficient handling of large file uploads in your Blazor apps. This feature segments sizeable files into smaller, manageable chunks based on a configurable chunk size, sequentially transmitted to the server. This feature enhances reliability for large file transfers, improves upload performance, and reduces memory usage.

Maps

Marker cluster configuration

The Blazor Maps component allows us to enable and customize marker clusters for individual marker groups to improve map readability.

Dropdown Tree

Value template

The Blazor Dropdown Tree offers a customizable rendering of selected values. This feature lets developers format and display chosen items according to their app’s requirements.

Syncfusion Blazor components can be transformed into stunning and efficient web apps.

Try It Free

Conclusion

Thanks for reading this blog! We’ve explored the new components and features added to the Syncfusion Blazor suite for the 2024 Volume 4 release. To discover more about the features available in this release, please visit our Release Notes and What’s New pages. Try them out and leave your feedback in the comments section below!

Existing Syncfusion users can access the most recent version of Essential Studio^® on the License and Downloads page. If you’re new to Syncfusion, we offer a 30-day free trial to test these exciting new features.

You can also contact us through our support forum, support portal, or feedback portal. We are always happy to help you!