We are happy to announce the release of Essential Studio® 2023 Volume 4. This release brings a lot of exciting new components and features to our Syncfusion Blazor platform.
This blog will highlight the major updates in our Blazor suite for this last release of the year.
In this release, keenly awaited new components arrived in our Blazor suite. The following new components were released in preview mode:
The Blazor Data Form component streamlines the process of entering and modifying data, providing an intuitive user experience. This tool allows for easy management and submission of information, thereby improving overall ease of use.
The key features of the Blazor Data Form component are:
Note: For more details, refer to the Blazor Data Form demo and documentation.
The Blazor Dropdown Tree component allows you to select single or multiple values from hierarchical and self-referential data in a tree-like structure. It has many out-of-the-box features.
The key features of the Blazor Dropdown Tree are:
Refer to the following image.
Note: For more details, refer to the Blazor Dropdown Tree demo and documentation.
The Blazor Stepper component enables users to navigate through a series of steps or stages in a process within a web app. Steppers display a list of steps, with the current step highlighted, and allow users to move between steps.
The key features of the Blazor Stepper component are:
Refer to the following image.
Note: For more details, refer to the Blazor Stepper demo and documentation.
The Blazor Image Editor component has been developed to meet industry standards and is now marked production-ready.
Users can also take advantage of a new image straightening feature. It allows users to adjust an image by rotating it clockwise or counterclockwise. The rotated degree value should be within the range of -45 to +45 degrees for accurate straightening. Positive values indicate clockwise rotation, while negative values indicate counterclockwise rotation.
Note: For more details, refer to the Blazor Image Editor demo.
Introducing the new Blazor Hotel Booking App, a showcase web app that allows you to view hotel room details.
Note: For more details, refer to the demos on the website and GitHub.
Introducing the new Blazor Stock Market Dashboard App, a showcase web app that allows you to present dynamic prices for various stocks. This app provides comprehensive details, including key statistics, overall performance, and technical information.
Note: For more details, refer to the Blazor Stock Market Dashboard app demos on the website and GitHub.
The Syncfusion Blazor components are fully supported in .NET version 8 from the 2023 Volume 3 Service pack release. The Blazor web app sample browser has been shipped along with the existing .NET 6 sample browser. They are live.
Refer to the .NET 6 server app and WASM app for more details.
The Blazor Playground app has enhanced flexibility with individual NuGet support for Syncfusion Blazor components. This allows you to include only the components you need.
We’ve added default code snippet support to make it easier to get started with Syncfusion Blazor components.
The Blazor DataGrid receives the following features in this release.
Render an adaptive UI layout for the column chooser as well as context and column menus in the DataGrid.
We have introduced a new column freezing mode known as Fixed, in addition to the existing Left and Right modes, within the column settings using the freeze property. This Fixed mode locks columns in place, ensuring their visibility during horizontal scrolling.
We have added functionality to drag and drop grid rows between different groups within the DataGrid.
This feature enables the binding of a DataTable directly as a data source to the Blazor DataGrid. It also facilitates the execution of various data operations, including sorting, filtering, paging, aggregations, grouping, and searching, in addition to offering support for CRUD actions.
The Pager dropdown now has adaptive support, letting it dynamically render on mobile and tablet devices alongside the Pager component. The Pager message element now adjusts its rendering based on the screen size, ensuring a more responsive and user-friendly experience.
The new features included in the Blazor Gantt Chart are as follows.
Now, you can use the OverscanCount property to reduce the frequency of rendering while scrolling in the Gantt Chart. This property is used to render additional items in the DOM before and after the visible items (based on the page size) during virtual scrolling and initial rendering.
New event support was introduced for actions performed within the Gantt Chart. These new events expand your ability to tailor and enhance your interactions within the Gantt Chart, providing you with more control and flexibility:
The Blazor PDF Viewer supports new, user-friendly features.
We’ve added support for an annotation toolbar on mobile devices. With this feature, users can perform various actions, such as adding, modifying, removing, and commenting on annotations within PDF documents directly from their mobile devices.
Note: For more details, refer to the Blazor PDF Viewer mobile annotation toolbar demo and documentation.
We implemented keyboard-based navigation options to enhance the user experience, enabling individuals to navigate through the PDF Viewer more efficiently.
The Blazor TreeGrid has the following updates.
Like the Blazor Gantt Chart, TreeGrid also supports the OverscanCount property to reduce the frequency of rendering during scrolling. This property is used to render additional items in the DOM before and after the visible items (based on the page size) during virtual scrolling and initial rendering.
New events are supported for actions performed within the TreeGrid. These new events significantly expand your ability to tailor and enhance your interactions within the tree grid, providing you with more control and flexibility:
We’ve provided support for synchronizing the tooltips, zooming and panning, crosshairs, highlights, and selection features across numerous charts.
Refer to the following code example. In it, we display a synchronized tooltip using the ShowTooltip and HideTooltip methods.
@code
{
public SfChart Chart;
void ShowTooltip()
{
Chart.ShowTooltip("Gold", 40);
}
void HideTooltip()
{
Chart.HideTooltip();
}
} The Blazor Diagram component now has radial tree layout support. A radial tree layout is a diagram that presents information in a hierarchical structure, with a central node at the core of the diagram. The central node represents the main concept or topic, and branches extend outward in a radial fashion, creating a tree-like structure.
Note: For more details, refer to the Blazor Radial Tree Diagram demo and documentation.
Thanks for reading! In this blog, we have seen the new components and features added to the Syncfusion Blazor suite for the Essential Studio® 2023 Volume 4 release. Details about these updates are available in our Release Notes and What’s New pages. Try the new features out and leave your feedback in the comments section below!
The new version of Essential Studio® is available for existing customers on the License and Downloads page. If you are not a Syncfusion customer, sign up for our 30-day free trial to try out our features.
If you have any questions, you can reach us through our support forum, support portal, or feedback portal. We are always happy to assist you!