TLDR: Showcasing the new features and controls introduced in Syncfusion’s Blazor platform for the 2024 Volume 1 release with vivid, picturesque illustrations.
The Syncfusion Blazor component library offers responsive and lightweight components for building modern web apps.
This blog will highlight some of the most notable updates in the Syncfusion Blazor suite for the Essential Studio® 2024 Volume 1 release.
The new Blazor Timeline component enables users to display a series of data chronologically, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
Refer to the following image.
Note: For more details, refer to the Blazor Timeline component demo.
The following Blazor components have been developed to meet the industry standards and are now marked production-ready:
Syncfusion Blazor components comply with Web Content Accessibility Guidelines (WCAG) 2.2 standards.
Introducing the new Blazor Server and WASM Floor Planner, a showcase web app. It allows you to create a floor planner to visually design and plan the layout of a floor or building, including the placement of walls, doors, windows, furniture, and other objects.
| Samples | GitHub | Server Demo | WASM Demo |
| Floor Planner | https://github.com/syncfusion/blazor-showcase-floor-planner
| https://blazor.syncfusion.com/showcase/floor-planner/
| https://blazor.syncfusion.com/showcase/wasm/floor-planner/
|
Introducing the new Blazor Server and WASM Logic Circuit Designer, a showcase web app. It allows you to create a logic circuit designer to visually design and simulate digital logic circuits using a wide range of logic gates and input and output components to visualize better, understand how it works, and share your design with others.
| Samples | GitHub | Server Demo | WASM Demo |
| Logic Circuit Designer | https://github.com/syncfusion/blazor-showcase-logic-circuit-designer
| https://blazor.syncfusion.com/showcase/logic-circuit-designer
| https://blazor.syncfusion.com/showcase/wasm/logic-circuit-designer
|
The new features added to the Blazor DataGrid are as follows:
You can export the grid with columns containing 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.
Note: For more details, refer to the Detail Template Exporting in the Blazor DataGrid demo.
The new operators in the search and filter feature allow users to perform precise and targeted searches on the Blazor Data Grid. The following new operators provide greater flexibility and control over how users can search and filter data.
Note: For more details, refer to the search and filter with new operators in the Blazor DataGrid demo.
This feature keeps the previously selected checkbox filters when making additional changes. It can be achieved by showing Add current selection to filter as one of the checkbox options in the Excel-like or checkbox filter.
Note: For more details, refer to add current selection option to filter checkbox in the Blazor DataGrid demo.
This functionality enables users to move multiple rows seamlessly within and between grids using drag icons. This intuitive feature allows users to rearrange data effortlessly, enhancing overall user experience and productivity.
Note: For more details, refer to drag and drop rows using the drag icon in the Blazor DataGrid demo.
The new features added in the Blazor Diagram are as follows:
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 effectively shows complex processes involving multiple participants or departments in an organization.
Note: Refer to the swimlane diagrams in the Blazor Diagram demo for more details.
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 understandable diagram.
Note: For more details, refer to the line routing in the Blazor Diagram demo.
The new features added to the Blazor File Manager are as follows:
The Blazor File Manager now introduces support for rendering flat data objects, removing the need for HTTP client requests and backend URL configuration. This enhancement also eliminates the requirement to define FileManagerAjaxSettings while rendering the component.
Note: For more details, refer to flat data objects rendering in the Blazor File Manager demo.
We’ve now provided custom sorting support in the Blazor File Manager. This feature allows users to override the standard sorting mechanism, tailoring it to suit specific app requirements.
The new features added to the Blazor Gantt Chart are as follows:
Users can split tasks in the resource view of the Blazor Gantt Chart. This functionality allows users to temporarily stop working on a task due to unforeseen circumstances or task reprioritization while indicating that the rest of the work will restart later in the schedule.
Note: For more details, refer to task splitting in the resource view of the Blazor Gantt Chart demo.
The new features added in the Blazor Query Builder are as follows:
To improve the query functionality, the Blazor Query Builder has been expanded to accommodate query types, including Mongo, parameterized SQL, and named parameter SQL. Users can also seamlessly import these queries into the Query Builder for enhanced versatility.
Note: For more details, refer to the Blazor Query Builder demo.
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.
Note: For more details, refer to the lock support in the Blazor Query Builder demo.
The clone option is available for rules and groups. It will create a replica of a rule or group next to the original.
Note: For more details, refer to the clone support in the Blazor Query Builder demo.
The new features added to the Blazor PDF Viewer are as follows:
The customizable primary toolbar allows users to tailor it to their needs. You can add new items, hide existing ones, and reposition items for optimal workflow efficiency on desktop and mobile PDF Viewers.
Note: For more details, refer to customizing the primary toolbar in the Blazor PDF Viewer demo.
The Blazor PDF Viewer now provides shortcut key support for page navigation, downloading, and panel visibility for comments, bookmarks, and thumbnails.
The new features added in the Blazor Data Form are as follows:
Now, you can enable floating label functionality in the Blazor Data Form by setting the EnableFloatingLabel property to true. This will dynamically move the label above the input field when the user interacts with the form.
Note: Refer to the floating labels in the Blazor Data Form demo for more details.
The Data Form component supports the following data annotation attributes for the model properties.
Previously, the Blazor dropdown components (DropDownList, ComboBox, and AutoComplete) had a limitation where virtualization didn’t function properly while grouping the data. Now, the limitations have been overcome, ensuring seamless virtualization alongside grouped data.
Note: For more details, refer to virtualization in the Blazor Dropdown List demo.
The new Spacer toolbar item type in the Blazor Toolbar addresses the flickering issue that occurs when toolbar items are aligned using the Align property. The Spacer ensures a smoother user experience during initial loading. By aligning items using CSS flex, the Spacer resolves these glitches and enhances the overall loading performance.
Thanks for reading! This blog explores the new features and components rolled out in the Syncfusion Blazor suite for the 2024 Volume 1 release. Try out these user-friendly updates and provide us feedback in the comments section below.
Remember to visit our Release Notes and the What’s New pages to discover the other available features in the 2024 Volume 1 release.
The latest version is available for existing customers on the License and Downloads page. If you still need to become a Syncfusion customer, use our 30-day free trial to explore our available features.
Feel free to contact us through our support forum, support portal, or feedback portal. We are always happy to assist you!