What's New: Ignite UI for Blazor 24.1 Release

Radoslav Mirchev / Thursday, August 8, 2024

 Ignite UI for Blazor continues to deliver robust, high-performance solutions for developers looking to create modern, responsive web applications. Over the past few months, we've focused on continuous improvements to provide the tools and capabilities needed for building better UX and UIs. The latest enhancements include support for .NET 8.0, a Chart Highlight Filter, State Persistence, and several new components.

Let’s take a closer look at all that’s new.

Version 23.2.97

 State Persistence feature for Grid component

 The Ignite UI for React State Persistence in Blazor Data GridBlazor Tree Grid and Blazor Hierarchical Grid allows developers to easily save and restore the grid state. When the IgbGridState is applied on the React IgbGrid, it exposes the GetStateGetStateAsStringApplyState and ApplyStateFromString methods that developers can use to achieve state persistence in any scenario. The supported features are:

Example of Blazor Grid State Persistence

 Charts Toolbar

 The Blazor Toolbar component is a companion container for UI operations to be used primarily with our charting components. The toolbar will dynamically update with a preset of properties and tool items when linked to our IgbDataChart or IgbCategoryChart components. You'll be able to create custom tools for your project allowing end users to provide changes, offering an endless amount of customization.

Example of Blazor Charts Toolbar component

Version 23.2.110

 Support for .NET 8.0

 Chart Highlight filter feature

 The Ignite UI for Blazor Chart components support a data highlighting overlay that can enhance the visualization of the series plotted in those charts by allowing you to view a subset of the data plotted. When enabled, this will highlight a subset of data while showing the total set with a reduced opacity in the case of column and area series types, and a dashed line in the case of line series types. This can help you to visualize things like target values versus actual values with your data set. This feature is demonstrated in the following example:

Example of Blazor Charts Highlight filter feature

Version 23.2.189

 Hierarchical Grid component

 The Ignite UI for Blazor Hierarchical Data Grid is used to display and manipulate hierarchical tabular data. Quickly bind your data with very little code or use a variety of events to customize different behaviors. This component provides a rich set of features like data selection, excel style filtering, sorting, paging, templating, column moving, column pinning, export to Excel and CSV, and more. The Hierarchical Grid builds upon the Flat Grid Component and extends its functionality by allowing the users to expand or collapse the rows of the parent grid, revealing corresponding child grids, when more detailed information is needed.

Example of Blazor Hierarchical Data Grid Component

 Text Area component

 The Ignite UI for Blazor Text Area represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example, a comment on a review or feedback form.

Example of Blazor Text Area Component

 Button Group component

  The Blazor Button Group component is used to organize IgbToggleButtons into styled button groups with horizontal/vertical alignment, single/multiple selection, and toggling.

Example of Blazor Button Group Component

To Wrap It All Up...

 Seamlessly crafted for compatibility, Ignite UI for Angular is the library that enables you to leverage the power of the latest technologies and major releases. Committed to providing you with the best Angular UI toolkit and related insights, our goal is to equip you with more know-how, new features, enhanced performance, and improved stability. Some of the enhancements were added thanks to the requests from users like yourself through our Ignite UI for Blazor GitHub repository. With this in mind, we are always open to suggestions and feedback – it makes us grow and better respond to your development needs.

If you need more details, we encourage you to check out our:

In Addition

 Follow Ignite UI on Medium to stay up to date and learn about the latest Angular-related projects we are working on. Give us a star on GitHub and help us continue improving our product by addressing any concerns, questions, or feature requests in the issues section.

Ignite UI for Blazor