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

What’s New in Syncfusion Blazor Components

2021 Volume 2 boosts our Blazor offerings with a new Diagram component, a new Tailwind CSS theme, and lazy loading with grouping in the DataGrid control.

Common

Tailwind CSS theming

Tailwind CSS theme has been added to all the Syncfusion Blazor UI components.

Tailwind CSS theming

DataGrid

Lazy loading with grouping

This feature supports server-side grouping to render the records in a collapsed state when binding a large volume of data. The grouped items with n levels of data will be loaded on demand when the corresponding group is expanded.

Lazy loading with grouping in Blazor DataGrid

Frozen rows and columns at right side

Freeze specific rows and columns at the right side of the grid, and make the remaining grid content scrollable.

Frozen left and right support in Blazor DataGrid

Frozen columns with virtualization

This feature allows the user to load large amounts of data without any performance degradation in a frozen-columns-enabled grid by loading the data on demand when scrolling vertically.

Frozen column with virtualization support in Blazor DataGrid

Diagram (Preview)

Diagram is a new native Blazor component library for creating diagrams such as flowcharts, organizational charts, and BPMN using code behind or visual interface. It provides better performance than the existing diagram control in the Blazor WebAssembly application. This component includes basic interactions, snapping, guidelines, gridlines, serialization, and zooming.

Flowchart in Blazor Diagram

The list of rich features of Diagram in blazor is as follows.

  • Node, Connector, Group, Port, Label: Elements used to compose a diagram.
  • Symbol Palette: Holds a list of symbols that can be dragged and dropped over the diagram.
  • Clipboard Commands: Performs cut, copy, and paste operations.
  • Undo/Redo: Reverses the recent actions.
  • Serialization: Saves the current state of the diagram, and loads them back when needed.
  • Snapping: Snaps the diagram elements towards the nearest gridline.
  • Gridlines: Horizontal/vertical lines that help align elements on a diagram.
  • Interaction: Select, drag, resize, rotate, and delete diagram elements to position the elements precisely by snapping.
  • Automatic Layout: Arranges nodes in a tree-like structure based on the relationship between the nodes.

Gantt Chart

DynamicObject data binding

Bind data as a list of DynamicObjects. This is helpful when the model type is unknown at compile time.

Virtual scrolling

Use virtualization to load a large amount of data effectively. It also reduces the DOM element’s weight by virtually updating DOM during vertical scrolling.

Virtual Scrolling in Blazor Gantt Chart.

Edit template

Show any custom component in a particular column in edit form.

Edit template with AutoComplete in Blazor Gantt Chart.

Data Manager

Named HttpClient usage support

This feature allows users to inject a named HttpClient instance directly into the Data Manager component. When the application is configured with multiple HttpClient instances for various purposes, the user can select and inject a particular HttpClient instance to the Data Manager.

Word Processor

Text box shape with square wrapping style

This feature preserves the text box shape with square wrapping style when viewing a Word document.

Text box shape with square wrapping style.

Image position and wrapping styles

This feature preserves the images with position properties and wrapping styles when viewing a Word document.

Image position and wrapping styles.

Kanban

Freeze swim lane rows

You can show a frozen swim lane row at top of the content when scrolling. It will change once you reach another swim lane row while scrolling.

Freeze swim lane rows in Blazor Kanban.

What's New for Essential Blazor Pivot Table | Syncfusion

Pivot Table

Fields panel

The fields panel located above the grouping bar displays the fields available in the data source but that are not bound to the report. The fields can be dragged into the appropriate axes. Any field removed from any axis will automatically be added to the fields panel.

Fields Panel in Blazor Pivot Table

Median aggregation type

A new aggregation type, median, is available.

Median Aggregation in Blazor Pivot Table

Inline editing

Edit a pivot table value cell directly without the use of an external edit dialog. This is applicable only if the value of the cell is based on a single piece of raw data.

Inline Editing in Blazor Pivot Table

Multiple axes in Pivot Chart

Multiple values (measures) can now be displayed in a single axis.

Multiple Axes Chart in Blazor Pivot Table

Palette support for accumulation charts

Accumulation chart types like pie, doughnut, pyramid, and funnel now support a palette feature that allows you to customize the default color of the series or points.

Pie Chart in Blazor Pivot Table

Rich Text Editor

List style types

This feature allows users to change the bullet appearance for unordered lists to circles or squares. Users can also apply different numbering formats for ordered lists such as lowercase Greek or uppercase Roman.

List style types in Blazor RichTextEditor.

Scheduler

Adaptive layout

This feature enables rendering a mobile-adaptive layout on desktop devices. Also, it lets you render a desktop view on mobile devices.

Resource adaptive grouping.

Year views interval support

Customize the total number of months to be displayed in year and timeline year views.

Year views interval support.

Print all appointments instead of only the viewport in the agenda view.

Performance improvements

Initial rendering performance of the Scheduler has been improved by 25% in Blazor Server and WebAssembly App.

TreeGrid

DynamicObject data binding

Bind data as a list of DynamicObjects. This is helpful when the model type is unknown at compile time.

Virtual scrolling support for remote data binding

Retrieve data from a remote service on demand and render it as row elements in DOM.

Visual Studio Code Extensions

Template Studio

Added the Tailwind CSS theme to Syncfusion Blazor Template Studio for creating Blazor applications.

Syncfusion Blazor Template Studio

Conversion

Added the Tailwind CSS theme to Syncfusion Blazor project conversion for converting the Blazor application.

Syncfusion Blazor project conversion

Visual Studio Extensions

Template Studio

Authentication enabled in Syncfusion Blazor Template Studio.

Syncfusion Blazor Template Studio

Added the Tailwind CSS theme to Syncfusion Blazor Template Studio for creating Blazor applications.

Syncfusion Blazor Template Studio

Conversion and Migration

Improved user experience in Syncfusion Blazor Conversion and Migration. Versions are listing from Blazor NuGet packages published in nuget.org.

Syncfusion Blazor Conversion

Syncfusion Blazor Conversion

Added the Tailwind CSS theme to Syncfusion Blazor Conversion for converting the Blazor application.

Syncfusion Blazor Conversion

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