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 2022 VOLUME 2

What’s New in Syncfusion Blazor Components

2022 Volume 2 enhances our Blazor offering with a new Pager component, production-ready Carousel and Diagram components, and improvements to the DataGrid control.

Common

New Pager component (Preview)

The Blazor Pager component has an option to split a data set into multiple pages for a great user experience by viewing page by page using an intuitive UI. Here, navigation can be done with built-in numeric elements, drop down, and buttons that can also be customized with the help of rich APIs.

It acts intelligently and changes its UI responsively based on the dimension. It ensures that every pager element is keyboard accessible and has complete WAI-ARIA accessibility support.

The Pager comes with several built-in SASS-based themes such as Fluent, Tailwind CSS, Bootstrap 5, Bootstrap 4, Bootstrap, Material, Fabric, and high contrast that are also customizable.

Blazor Pager with Card component

End of support for .NET 5

Syncfusion Blazor components no longer support .NET 5, although we will continue to support .NET 3.1 and .NET 6. We recommend that you upgrade to .NET 6 to take advantage of new features and components in the latest release. If you are unable to update to .NET 6, you may continue to use version 20.1 in your .NET 5 projects.

Preview to production

The Blazor Diagram and Carousel components have been developed to meet industry standards. The components are now marked as production-ready for Blazor.

Blazor Diagram component demo

Blazor Diagram component documentation

Blazor Carousel component demo

Blazor Carousel component documentation

Pause on hover

This feature allows users to play or pause the slides when hovering the mouse pointer over the Carousel element.

Custom animation

This feature provides an option to define custom animations on the application end.

Charts

Shared tooltip template

Use templates (HTML elements) as a content for the shared tooltip for data points.

Blazor Chart with shared tooltip template

Data Grid

Inline editing with virtualization

Allows users to do CRUD operations such as add, edit, and delete directly on rows which are in current viewport when row and column virtualization features are enabled.

Data Grid Inline editing with virtualization

Users can cause the Data Grid header to be in a fixed position when scrolling the document to visualize the Blazor Data Grid content along with the column header.

Data Grid with sticky header

Diagram

Context menu

This feature allows users to easily access frequently used operations. By default, cut, copy, paste, undo, redo, group, ungroup, and select all menu items are displayed where the mouse is right clicked. Menu items can also be customized.

Context menu in blazor Diagram component

Complex hierarchical tree layout

Complex hierarchical tree layout arranges nodes in a tree-like structure, where the child node can have more than one parent. This layout is an extended version of the hierarchical tree layout.

Complex hierarchical tree layout in Blazor Diagram component

Z-Order

This feature allows users to control the stacking order (Z-Order) of the diagram elements such as nodes, connectors, and groups. Also, users can arrange the selected objects on the diagram page with its Z-order values by using the following features.

  • Bring to front - Bring the selected object in front of all other objects.
  • Bring forward - Bring the selected object forward one level so that it is hidden behind fewer objects.
  • Send to back - Send the selected object behind all other objects.
  • Send backward - Send the selected object back one level so that it is hidden behind more objects.

Z-Oder support in Blazor Diagram component

Expand and collapse

This feature allows users to show or hide child nodes in the parent-child relationship diagram either by user interaction on the nodes or programmatically.

Expand and collapse of nodes in Blazor Diagram component

Reset zoom

This feature allows users to reset the current zoom value of the diagram page to 100% when the diagram is in zoom in or zoom out state.

Dialog

Predefined dialog with a utility method

The Blazor Dialog component allows you to render and show confirm, alert, and prompt dialogs on demand by calling the public utility methods.

Confirmation and Prompt and Alert dialogs

Word Processor

Track changes - restriction type

This feature restricts users from accepting or rejecting tracked changes, while editing a Word document without any limitation. All reviewers are allowed to view the document and do their corrections, but they cannot accept or reject any tracked changes in the document. Later, the author can view their corrections and accept or reject the changes.

Restrict a Word document with an exception to accept or reject the tracked changes.

Paragraph border

This feature allows users to add borders to the paragraphs in a Word document. Using borders, decorate paragraphs to set them apart from other paragraphs in the document.

Set borders for paragraphs in a Word document

RTL text enhancements

The Syncfusion Word Processor includes the following enhancements to preserve RTL text in a Word document.

  • Display the RTL text in a bi-directional layout.
  • Select and navigate bi-directionally.
  • Insert the input RTL text in a bi-directional layout.

This gives users Microsoft Word-like experience when working with RTL languages.

RTL text display, select and edit enhancement in Word Processor

Gantt Chart

Observable collection

Support to bind ObservableCollection type data to the Gantt Chart, and receive notifications for data changes in all Gantt Chart operations.

Column virtualization

Load multiple columns by rendering only the columns in the current viewport, while other column elements render dynamically on horizontal scrolling.

Column virtualization in Blazor Gantt Chart

Touch interaction to taskbar

Move or resize taskbars, as well as map task bar dependencies by touch interactions.

Taskbar touch interaction support in Blazor Gantt Chart

Tooltip for taskbar editing

Show the tooltip with current date values when dragging or moving the taskbar in a Gantt Chart. Users can easily identify the new date values while dragging.

Tooltip support for editing taskbar in Blazor Gantt Chart

Input Mask

Include literals in values

The Blazor Input Mask component now provides the option to obtain a value with literal characters.

Input Mask component includes literals

Maps

Extending geometry type support

The Blazor Maps now supports rendering GeoJSON files with “MultiLineString”, “MultiPoint”, and “GeometryCollection” geometry types. The geometry type “MultiLineString” represents an array of two or more geographic points. The geometry type “MultiPoint” represents an array of points that renders circle markers. The geometry type “GeometryCollection” is a special type that contains various geometries as members.

Blazor Maps component with MultiLineString geometry shape

Legend support for online map providers

Legend support is provided for markers rendered over online map providers such as OSM, Bing, Mapbox, and others. Additionally, a legend for layers and markers on sublayers over online map providers is supported.

Blazor Maps component with legend in OpenStreetMap

PDF Library

PDF/A-4 conformance

PDF/A-4 is the latest edition of the PDF/A conformance series based on ISO 32000-2 (PDF 2.0). This new format allows non-static content in PDF documents in the form of JavaScript, so the logic of an interactive form can be stored and archived. Additionally, it simplifies the handling of digital signatures.

PDF/A-4 has the following conformance levels:

  • PDF/A-4e: This conformance level is intended for technical documents. It supports 3D models, rich media, 3D annotations, and embedded files to create a PDF/A version compatible with engineering workflows.
  • PDF/A-4f: This conformance level allows embedding files in any other format.

Now the Syncfusion .NET PDF Library supports the creation of PDF/A-4 conformance documents and the conversion of existing PDF documents to PDF/A-4 conformance.

PDF A-4 Conformance in PDF Library

RichMedia annotation

RichMedia annotations can be used to embed videos and sound files in PDF documents. The user can play the media content as part of the page content by just clicking on the video or audio. This annotation is newly introduced in PDF 2.0 to replace sound and movie annotations, which are deprecated in PDF 2.0.

Rich media annotation in PDF Library

Watermark annotation

The .NET PDF Library now supports the watermark annotation, which is used to show text, images, and shapes as watermark content in page graphics with a fixed size and position. It supports the following features:

  • Text, images, and graphical shapes.
  • Rotation to 0, 90, 180, and 270 degree angles.
  • Customization as a print-only watermark (annotation disappears in view mode).
  • Existing watermark annotations can be edited or removed.

Watermark annotation in PDF Library

HTML-to-PDF conversion enhancements

The Blink binaries have been updated to the latest version to improve the conversion quality and address security vulnerabilities in the Syncfusion HTML-to-PDF conversion library.

Pivot Table

Display grand totals at top/bottom

Display the summarized totals (grand totals) at the first or last position in the Pivot Table’s row and column axes.

Display grand totals at top or bottom position in Blazor Pivot Table

Events for toolbar UI actions

UI actions in the Pivot Table’s toolbar options such as report, switch between table and chart views, show/hide totals, formatting, and show field list can now be identified using the action begin and action complete events. The action failure event is triggered when a UI action does not achieve the desired result. Overall, these events help the application interact with the user on a regular basis.

Query Builder

Complex data binding support

This feature allows users to create subfields for columns by specifying either a complex data source or nested columns.

Complex data binding

Rich Text Editor

Insert text programmatically in Markdown editor

The Rich Text Editor allows you to insert text programmatically in the Markdown editor at the current cursor position.

Scheduler

Context menu improvement

The Blazor Scheduler component allows you to get the mouse target element information by calling a public method. This helps you show the context menu based on the current target.

Tree Grid

Inline editing with virtualization

Allows users to do CRUD operations such as adding, editing, and deleting the rows which are in the current viewport directly and when row and column virtualization features are enabled.

Inline editing support with virtualization in Blazor Tree Grid

Frozen columns with virtualization

When row and column virtualization features are enabled, freeze specific columns while scrolling through other columns. Helps users to navigate easily for comparing or reading data from different columns in a tree grid.

Frozen columns support with virtualization in Blazor Tree Grid

Visual Studio Extension

Provided a tooltip with the description and a help link in Syncfusion Blazor Code Generator that explains the component fields

Syncfusion Blazor Code Generator

Word Library

Word-to-image conversion

The Syncfusion .NET Word (DocIO) Library is now capable of converting a Word document into images in Windows, Linux, and macOS.

Word to image in Blazor DocIO.

Word-to-PDF conversion enhancements

The Syncfusion Word Library includes the following enhancements to converting any Word document to a PDF file efficiently:

  • Performance improved by 2X in the Linux environment while processing high-resolution images in the header or footer.
  • Performance improved by 10% in the Linux environment when converting a document with Unicode characters.
  • DotDotDashHeavy, DottedHeavy, and Thick underline styles render as they are in the input Word document.
  • PDF document render properly for landscape pages when mirror margins are applied.
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