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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
What’s New in Syncfusion Blazor Components

ESSENTIAL STUDIO 2024 VOLUME 1

What’s New in Syncfusion Blazor Components

2024 Volume 1 boosts our Blazor collection with a new Timeline component; production-ready versions of the Data Form, Dropdown Tree, and Stepper components; and swim lane and line routing features in Diagram.

Common

New components

The Timeline component has been added to Blazor.

Preview to production-ready components

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

  • Data Form
  • Dropdown Tree
  • Stepper

Timeline (preview)

The Blazor Timeline component enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.

Key features

  • Orientation: Display items in a horizontal or vertical orientation.
  • Opposite content: Display additional information opposite to the item content.
  • Items alignment: Items’ content and opposite content can be aligned: before, after, alternate, or alternate reverse.
  • Reverse timeline: Shows the timeline items in the reverse order.
  • Templates: Customize the default appearance, including styling the dot item, templated content, and more.

Blazor Timeline

Data Form

Floating labels

The floating labels layout is a powerful feature in form design that enhances the user experience by providing clear guidance and conserving space. Labels seamlessly transition above input fields, ensuring that users always know what information to input while maintaining a sleek and modern aesthetic.

Blazor Data Form - Floating Labels

Diagram

Create swimlane diagrams

This feature lets you create swimlane diagrams programmatically or interactively. A swimlane is a visual element used to group and categorize activities or tasks based on the role or department responsible for their execution. It helps show complex processes involving multiple participants or departments in an organization.

Sales processing flow chart with the help of a swimlane diagram for Blazor

Line routing

This feature ensures that connectors in the diagrams no longer overlap with neighboring nodes when in contact, offering a more streamlined and organized visual representation. Line routing dynamically updates the connector’s geometry. This process eliminates confusion about the path flow of connectors, resulting in a cleaner and more comprehensible diagram.

Support ticket management flowchart by using line routing in Blazor Diagram

Word Processor

DOTX export

The Word Processor now supports saving the document as a Word Template (DOTX). DOTX files are template files used in Microsoft Word to create documents with predefined formatting and styles. They serve as valuable tools for maintaining consistency, efficiency, and branding in document creation. They provide users with a standardized framework for creating professional-looking documents while saving time and effort in the process.

Illustration of DOTX export in the Blazor Word Processor component.

Color Picker customization

The color picker used in the Word Processor can now be customized to its default appearance or palette mode, or it can show a mode switcher between the picker and palette.

Illustration of color picker customization in the Blazor Word Processor component.

Comments resolved

The comment resolved state has undergone enhancements aimed at improving user interaction and comprehension within the interface. These improvements entail the implementation of visual markers that signify the resolution status of comments.

Illustration of comments resolved in the Blazor Word Processor component.

Change case

The change case functionality allows users to quickly change the capitalization of the selected text without having to retype it. This feature is particularly useful for conforming text to specific style requirements.

  • Sentence case: Capitalizes the first letter of the selected text and converts the rest of the text to lowercase.
  • Lowercase: Converts all letters in the selected text to lowercase.
  • Capitalize each word: Capitalizes the first letter of each word in the selected text.
  • Toggle case: Toggles the capitalization of each letter in the selected text. Uppercase letters become lowercase, and lowercase letters become uppercase.

Illustration of change case in the Blazor Word Processor component.

The Word Processor component now supports navigating the document using headings. If heading styles are applied to the document, those headings will appear in the navigation pane.

Illustration of navigate headings in the Blazor Word Processor component.

Excel Library

Chart to Image enhancements

The following enhancements are added for the chart to image conversion.

  • Line caps for line charts are now preserved.
  • The line dash style for line and scatter charts are now preserved.
  • The manually positioned chart titles are preserved.
  • The 100% stacked line chart can be converted to an image.
  • The axis titles’ text is wrapped.
  • The multilevel category labels now render properly.

Chart to Image enhancements in Excel document

File Manager

Flat data

The Blazor File Manager now introduces the support for rendering flat data objects, removing the necessity for HTTP client requests and backend URL configuration. You can explore a demo of this feature here.

Custom sorting

Custom sorting support is provided in Blazor File Manager. This feature allows users to override the standard sorting mechanism, tailoring it to suit specific application requirements.

Custom sorting in Blazor File Manager.

Gantt Chart

Split tasks in resource view

Users can split tasks in the resource view of the Gantt chart. This functionality allows users to temporarily stop work on a task due to unforeseen circumstances or task reprioritization while indicating that the rest of the work will restart later in the schedule. Find the demo link here.

Split tasks in resource view for Blazor Gantt Chart.

DataGrid

Export the grid with column, caption, and detail templates

This feature allows users to export the grid with columns, which may contain images, hyperlinks, and customized text to Excel and PDF files. Users can also export the grid with a detail template and caption template containing customized text in the group caption row to Excel and PDF files. Find the demo link here.

Export the grid with column, caption, and detail templates in Blazor DataGrid.

Search and filter with new operators

The new operator in the search and filter feature allows users to perform precise and targeted searches on their data. These operators provide greater flexibility and control over how users can search and filter data in Blazor DataGrid and find the demo link here.

  • Does Not Contain - Allows users to search for items that do not include certain keywords or phrases.
  • Is Null and Is Not Null - Allows users to search for items that are null values and non-null values.
  • Is Like and Is Not Like - Allows users to search for items that match or do not match a specific pattern using wildcards.
  • Does Not Start With and Does Not End With - Allows users to search for items that do not begin or end with a specific string of characters.

Search and filter with new operators in Blazor DataGrid.

Add current selection option to filter checkbox

This feature keeps the previously selected checkbox filters when making additional changes. It is achieved by showing “Add current selection to filter” as one of the checkbox options in the Excel or checkbox filter. Find the demo link here.

Add current selection to filter operator in Blazor DataGrid.

Row drag and drop using drag icon

This functionality enables users to seamlessly move multiple rows within and between grids by utilizing drag icons. This intuitive feature allows users to effortlessly rearrange data, enhancing overall user experience and productivity. Find the demo link here.

Maps

Tooltip support for polygons

Tooltips and tooltip templates can be displayed for polygon shapes. Tooltip templates can include custom items such as images, text, and HTML elements.

Tooltip template for polygon shapes in Blazor Maps.

PDF Viewer

Customize primary toolbar

The customizable primary toolbar, now allows users have the power to tailor their toolbar exactly to their needs, adding new items, hiding existing ones, and repositioning items for optimal workflow efficiency on desktop and mobile PDF Viewers.

  • Integrate custom actions, such as annotation tools, view ratio or document navigation shortcuts, directly into your primary toolbar for quick and convenient access.

  • Customize your PDF Viewer experience by removing unnecessary clutter and focusing only on the tools you use most frequently.

  • Organize your toolbar intuitively, placing frequently used tools front and center for easy access and improved productivity.

Customize Primary Toolbar in Blazor PDF Viewer

PDF Library

Remote GoTo action in PDF

This feature allows users to add or modify remote actions that navigate to an external PDF document. Users can easily add links to a specific page or location of another PDF document.

Remote GoTo action

Digital signature enhancement

Users can effortlessly add signature and timestamp certificates to the PDF Document Security Store (DSS), ensuring greater security and compliance with PDF standards.

HTML to PDF enhancements

  • Upgraded the BlinkBinaries to the latest version 120.0.6099.110, to address vulnerabilities and ensure a secure conversion process.
  • Added the timeout option for the HTML to PDF conversion process. Users can convert HTML to PDF seamlessly, by ensuring timely completion with the new timeout option.
  • Added an option to preserve accessibility tags that are in the input HTML while converting HTML to PDF.

Pivot Table

Single y-axis for multiple values

This support enables the pivot chart’s series for multiple measures to be drawn on a single y-axis rather than separate axes.

Display Blazor Pivot Chart series for multiple measures on a single y-axis.

PowerPoint Library

Crop an image in a PowerPoint presentation

The PowerPoint Library now includes APIs for cropping images within existing PowerPoint presentations or when creating new presentations from scratch, mirroring the picture crop options in Microsoft PowerPoint.

With this feature, when the presentation contains cropped images, users have the ability to save them as they are, preserving the cropped regions instead of the original pictures.

Crop an image in Blazor

Presentation merge enhancements

The PowerPoint Library now compares master and layout slides to prevent the addition of duplicate master slides and to ensure the reuse of existing master slides when merging slides from another presentation.

PowerPoint-to-PDF and image conversion enhancements

  • Charts with shapes are now preserved in PowerPoint-to-PDF and image conversions.
  • The line caps for line charts are now preserved.
  • The line dash style for line and scatter charts is now preserved.
  • Manually positioned chart titles are now preserved.
  • 100% stacked line charts can be converted during PowerPoint-to-PDF and image conversions.
  • Wrapped text for axis titles is now preserved.
  • Multilevel category labels in charts are now rendered properly.

Charts in PPTX-to-PDF conversion in Blazor

Query Builder

Advanced query types

To improve the query functionality, the Query Builder has been expanded to accommodate query types, including Mongo, parameterized SQL, and named parameter SQL. Users can seamlessly import these queries into the Query Builder for enhanced versatility.

Lock support

The lock option is available for rules as well as groups. When a rule is locked, the field, operator, and value will be disabled. When a group is locked, all the elements within the group will be disabled.

Lock support in Blazor Query Builder.

Clone support

The clone option is available for rules and groups. It will create an exact replica of a rule or group next to the original.

Clone support in Blazor Query Builder.

Toolbar

Spacer toolbar item

With the spacer toolbar, provided support for toolbar item’s alignment with CSS flex to ensure a smoother loading experience for end users.

Blazor Toolbar item alignment with spacer type.

TreeGrid

Search and filter with new operators

New operators in the search and filter feature give users greater flexibility and control when searching their data in the Blazor TreeGrid. You can try a demo here. The new operators are:

  • Does Not Contain: Allows users to search for items that do not include certain keywords or phrases.
  • Is Null and Is Not Null: Allows users to search for items that are null values and non-null values.
  • Is Like and Is Not Like: Allows users to search for items that match or do not match a specific pattern using wildcard characters.
  • Does Not Start With and Does Not End With: Allows users to search for items that do not begin or end with a specific string of characters.

Search and filter with new operators in Blazor TreeGrid.

Add current selection option to filter checkbox

This feature keeps the previously selected checkbox filters when making changes. It does this by providing “Add current selection to filter” as one of the checkbox options in the Excel-like or checkbox filter.

Add current selection to filter operator in Blazor TreeGrid.

Drag and drop rows using drag icon

This functionality lets users move multiple rows within and between TreeGrids by utilizing drag icons. This intuitive feature allows users to effortlessly rearrange data, enhancing overall user experience and productivity. Find the demo link here.

Word Library

Update Table of Contents (TOC)

The Word Library now supports the inclusion of \c and \a switches when updating the table of contents (TOC) in a Word document. The purposes of these switches are:

  • \c: Includes captions of figures, tables, charts, and other items that are numbered by SEQ fields in TOC entries.
  • \a: Builds a table of captions by excluding caption labels and numbers.

With this feature, you can create a table of figures, tables, charts, and more, giving readers a clear overview of the document’s contents and facilitating easier navigation.

Update Table of Contents in Blazor

Word-to-PDF and image conversion enhancements

  • Enhanced preservation of Arabic text formatting, particularly italicized text, during Word to PDF or image conversion.
  • Now, headers and footers that exceed half of the page in a Word document are preserved during Word to PDF or image conversion.

Enhanced Chart preservation in Word-to-PDF and image conversion

  • Charts with shapes are now preserved in Word-to-PDF and image conversions.
  • The line caps for line charts are now preserved.
  • The line dash style for line and scatter charts is now preserved.
  • Manually positioned chart titles are now preserved.
  • 100% stacked line charts can be converted during Word-to-PDF and image conversions.
  • Wrapped text for axis titles is now preserved.
  • Multilevel category labels in charts are now rendered properly.

Charts in Word-to-PDF conversion in Blazor

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon