We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback
What’s New in Syncfusion Blazor Components

ESSENTIAL STUDIO® 2024 VOLUME 4

What’s New in Syncfusion Blazor Components

2024 Volume 4 boosts our Blazor collection with three new components; two components declared ready for production; and an adaptive layout for Charts.

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

Common

.NET 9 support

All Syncfusion® Blazor components support .NET 9.

Blazor - .NET 9

New components

The following components have been added to the Blazor control suite:

  • Chat
  • Ribbon
  • Sankey

Preview to production-ready components

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

  • AI AssistView
  • MultiColumn ComboBox

Tailwind CSS 3.4 theme

All Syncfusion® Blazor components support the Tailwind CSS 3.4 theme, offering enhanced styling and features for modern web development.

Syncfusion Blazor components with Tailwind 3.4 theme

Microsoft AI extension libraries integration

Microsoft’s AI extension libraries have been integrated into the Syncfusion® Blazor smart components and samples.

Calendars

Hijri calendar

This feature provides support for the Hijri calendar to enable users to utilize the Islamic calendar seamlessly. It facilitates accurate date management according to the lunar Islamic calendar system, addressing a broader range of cultural and regional needs.

Blazor Hijri Calendar

This feature enhances the functionality of DatePicker, DateTimePicker, TimePicker, and DateRangePicker components by automatically opening the date and time pop-up when the component is focused. This improvement enhances user interaction by eliminating the need for additional clicks, thereby streamlining the date selection process.

Blazor DatePicker Popup opening on focus

Charts

Adaptive layout

Syncfusion Charts now supports adaptive layout support for charts. This feature ensures that chart elements like axis labels, titles, legends, and data labels dynamically adjust their design and position to seamlessly fit different screen sizes.

Blazor Chart Adaptive layout

Crosshair snap

This feature enables users to snap the crosshair to the nearest data point instead of tracking the exact mouse position, ensuring a precise focus on individual data points.

Blazor Chart Crosshair snap

Chat UI (preview)

The Blazor Chat UI component is a lightweight, user-friendly conversational interface for displaying chat messages between users. It features messages with timestamps, avatar images with fallback text, typing indicators, and extensive customization options, making it ideal for building modern chat applications.

Key features

  • Message suggestions: Provides on-demand suggestions using customizable templates to enhance user interactions.
  • On-demand messages loading: Dynamically loads messages to optimize performance, especially for lengthy conversations.
  • Header toolbar: Allows adding toolbar items in the header with options for executing custom commands.
  • Timebreak: Automatically inserts time breaks between messages, enhancing readability by grouping conversations by date.
  • Typing indicator: Shows real-time typing activity of users with customizable indicator styles.
  • Customization: Allows users to customize the default appearance, including messages, the footer, and more, to suit their needs.

Blazor Chat UI

Chip

Template

The Chip component now supports the template rendering feature. Users can use any HTML element as the content of a Chip item. For example, include anchor tags for links and SVG icons for visual enhancements to customize the Chip’s appearance and functionality.

Blazor Chip template

Word Processor

Performance improvement on pasting content inside a large table

The performance of pasting large content inside a large table has been significantly improved, (i.e., pasting content inside a table extending 60 pages has been reduced from 43 to 3 seconds approximately). Now, content can be pasted into tables seamlessly, without any lag, ensuring a smoother user experience.

Resize support has been added to dropdown components, allowing users to dynamically adjust their size for improved usability and flexibility. This feature includes resizable edges, enabling users to manually control the width and height of the dropdown popup.

Blazor Dropdowns Popup Resize

Filtering with debounce

Debounce support is provided for filtering actions, optimizing performance by delaying the execution of filter logic until the user has paused typing. This feature reduces unnecessary requests and computations during rapid input, thereby improving responsiveness and ensuring a smoother user experience, especially when working with large datasets.

Value template

The Dropdown Tree component allows users to customize the display of selected values. Users can format and present the selected items according to the application’s specific needs.

Blazor Dropdown Tree value template

Excel Library

Excel-to-PDF and image conversion enhancement

The Syncfusion Excel Library now includes the enhancement to preserve WMF images when converting Excel documents to PDF files or images.

Enhancement for WMF image in conversions in Blazor.

Performance improvement

The Syncfusion Excel (XlsIO) library performs with a significant 80% improvement when global styles are applied to Excel worksheets, processing faster and more efficiently.

Decryption

The Syncfusion Compression library now decrypts zip archives with multiple passwords, allowing each archived item to have a unique password for enhanced flexibility and security.

File Manager

Chunk upload

The File Manager now supports the chunk upload feature, which allows large files to be split into smaller chunks based on the specified chunk size and uploaded sequentially to the server. This improves reliability and performance when handling massive file uploads.

Blazor File Manager chunk upload

Image Editor

Image type and size restriction

The Image Editor now supports image restrictions. This feature allows users to specify image extensions, as well as the minimum and maximum image sizes. End users will receive a clear alert message if an uploaded image does not meet the defined criteria, ensuring a seamless and user-friendly upload experience.

Blazor Image Editor type and size restriction

Maps

Configuring marker clusters for individual groups

Marker clusters can be enabled for individual marker groups on a map layer, allowing customization of colors, sizes, marker count labels, and connector lines within the cluster. Additionally, cluster expansion functionality can be enabled separately for each marker group.

Blazor Maps Marker Clustering

PDF Library

Add and retrieve document-level JavaScript in a PDF

This functionality enables users to add or embed, retrieve, modify, and remove document-level JavaScript actions within PDF documents. These actions, written in ECMAScript, allow dynamic content and interactivity by executing scripts when the document is opened or in response to user interactions.

Add and retrieve document-level JavaScript

Flattening specific types of annotations in a PDF

This feature allows users to flatten specific types of annotations in PDF documents, converting them into static content while leaving others editable. It ensures secure, consistent viewing and is ideal for finalizing documents for sharing or submission.

Flattening specific types of annotations

Add date when signing a PDF document

This functionality allows users to set the date signed when adding signatures to PDF documents. This ensures the integrity and authenticity of the document.

Add signed date while signing a PDF

PowerPoint Library

PowerPoint-to-PDF and image conversion enhancement

The Syncfusion PowerPoint Library includes the enhancement to preserve WMF images when converting PowerPoint presentations to PDF files or images.

WMF images in PPTX to PDF conversion

Ribbon (preview)

The Blazor Ribbon component provides a structured and easy-to-use interface for users to access different features and functions, improving the overall user experience and making your application more efficient.

Key features

  • Built-in items: Several built-in support items, such as buttons, checkboxes, dropdown buttons, split buttons, combo boxes, and color pickers can be customized and used to execute specific actions.
  • Modes: The classic mode organizes items and groups in a traditional form and the simplified mode organizes items and groups into a single row for improved usability and reduced clutter.
  • Tooltips: Provide additional information when a user hovers over a ribbon item, improving user experience.
  • File and Backstage menu: Provides a traditional file menu for common actions like opening, saving, and exporting, along with a customizable backstage view for advanced options such as detailed settings and additional properties.
  • Templates: Customize ribbon items and the help pane content using templates.

Blazor Ribbon

Sankey (preview)

Blazor Sankey is a dynamic data visualization component that illustrates the flow and relationships between different entities. Typically used in scenarios involving energy, material, or cost flows, a sankey uses nodes to represent entities and links to depict the flow between them. The width of each link is proportional to the flow quantity, making it easy to visualize the magnitude of relationships within a system.

Key Features

  • Nodes: These are essential pillars of your flow, capturing key stages and dynamic entities.

  • Links: Visualize connections with precision; their thickness reflects the flow’s strength.

  • Labels: Illuminate your diagram with descriptive text, making complex relationships crystal clear.

  • Titles: Capture the essence at a glance, with labels to tell your data’s story.

  • User interaction: Supports interactive features, including tooltips and legend highlights, enhancing user engagement by providing dynamic insights and easy identification of data elements.

  • Legends: Customizable legends offer additional information about nodes, allowing users to tailor the display for clarity.

  • Responsive design: Supports an adaptive layout that ensures clarity and usability across different screen sizes and orientations for a seamless user experience.

  • Mode support: Flexible with horizontal and vertical layout options, allowing users to choose the best orientation for their data presentation.

  • Print and export: Facilitates easy printing and exporting of the sankey, making it convenient to share and distribute visual insights across various platforms.

Blazor Sankey Component

Scheduler

Prevent overlapping

This feature prevents appointments from overlapping, ensuring a smooth and efficient scheduling experience. Find the demo link here

Blazor Scheduler Prevent Overlapping Events.

Tab

Swipe mode

This feature allows users to enable or disable swiping tab items using mouse and touch gestures. Users can swipe left or right on the tab items to navigate between them, enhancing the user experience on touch devices.

Word Library

Word-to-PDF and image conversion enhancements

The Syncfusion Word Library now includes the following enhancements when converting Word documents to PDF files or images:

  • WMF image preservation: The WMF images in the Word documents are now preserved during PDF or image conversion.

WMF images in Word to PDF conversion

  • Multiple columns: Improved column balancing during Word-to-PDF or image conversions for pages with multicolumn layouts and continuous section breaks.
Up arrow icon