Ignite UI for Blazor – What’s New in 20.2

Just three short months ago, we released the very first version of our Ignite UI for Blazor product into the world. This initial release shipped with 15 brand new controls and over 60 different charts. That’s a huge release for a v1. You can read about all the goodies that shipped in the initial release here:

https://es.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-blazor-the-official-release

Today, I am excited to announce the newest release of Ignite UI for Blazor 20.2. Now I know what you’re thinking, “it’s only been 3 months and you already have another release of your Blazor product?”. Yes… yes we do! Although we only had three short months, I think you will agree that the features and new components we manage to add to the Blazor product is impressive.

Let’s stop the small talk and get into the details of today’s Ignite UI for Blazor 20.2 release.

Blazor Date Picker

The Blazor Date Picker is our newest input component that allows your end-user to select a date from a calendar that is shown in a dropdown when the editor is clicked. This interactive calendar gives your end-users the ability to navigate the days, months, and years in an intuitive and easy to use component.

Blazor Excel Library

The Blazor Excel Library is a library dedicated to working with Microsoft Excel Spreadsheets. The Blazor Excel Library allows you to work with spreadsheet data using familiar Microsoft Excel spreadsheet objects like Workbooks, Worksheets, Cells, Formulas and many more without taking a dependency on Excel.  That’s right… no Excel dependency!!!

The Blazor Excel Library makes it easy for you read and modify Excel files, export your applications data into Excel spreadsheets, and parse data from Excel into your application. Not only that, but the Blazor Excel Library allows you to generate charts and sparklines based off your application data at runtime.

Blazor Excel Charts

The Blazor Excel Library chart functionality allows you to add chart representations of data trends across regions of cells in a worksheet. For example, if you want to see your Excel data in a region of cells visualized as a column, line, or over 70 other chart types, this feature can help you to achieve that.

Blazor Excel Sparklines

The Blazor Excel Library also has support for adding sparklines to an Excel Worksheet. These can be used to show simple visual representations of data trends across a region of cells of data in your worksheet. For example, if you wanted to see your Excel data across a particular cell region visualized as a simple column or line sparkline chart, this feature can help you to achieve that.

The following is a list of the supported predefined sparkline types.

• Line
• Column
• Stacked (Win/Loss)

Blazor Grid

The Blazor Data Grid is by far the most popular component in the entire product. Easy to use, exploding with performance, and packed with features it’s no wonder why the Ignite UI for Blazor data grid is the go-to for all of our Blazor customers.  While the v1 release of the Blazor data grid back in September was amazing, we spent the last three months making it even better by squeaking in just a few more helpful features to end out the year.

Accessibility (ARIA)

With the release of Ignite UI for Blazor 20.2, the Blazor data grid now has the best support for accessibility compared with other the Blazor grids available today.

Users who are visually impaired will typically require the assistance of a screen reader to interpret and interact with grid-based applications. In order to give screen readers the contextual information they require to interpret an interact with the Blazor grid, we have added the appropriate ARIA attributes to all grid DOM elements.

These ARIA attributes will ensure that screen readers can interpret and navigate the columns and rows of the Blazor grid.

Row Editing

In the initial v1 release of the Blazor Grid back in September, we shipped with out of the box support for cell editing, and cell batch editing. In todays 20.2 release, we have added row editing. Row editing differs from cell editing in that once you begin to edit a cell, the entire row the cell belongs to is placed into edit mode. You can make changes to other cells in the same row without committing the data, and with the ability to have undo capabilities.  The moment you exit edit mode by hitting enter, or clicking outside the row, the value changes made in all cells in the entire row will be made all at once. Cell values that have not been committed are visually represented by a light gray italic text styling.

Blazor Multi-Column Combo Box

Lastly, we have the new Multi-Column Combo Box.  This component is unique in that it is a combo box that visualizes large amounts of data in a data grid embedded in the dropdown. It supports features such as filtering with auto-suggest, a material-based label, placeholder text, defining columns, controlling column header visibility, sorting, and more. In the initial release of the Infragistics Ignite UI for Blazor product back in September, this was provided as a “Preview” component. There were just a few features and behaviors we wanted to add before calling it done. Now, after a ton of hard of work and testing over the last several months we are confident calling this a solid v1 of the Blazor multi-column combo box.

Let’s Wrap this Baby Up!

If you have ideas about new features we should bring to our components, important issues we need to fix, or even brand new components you’d like us to introduce, please let us know by posting them on our Product Ideas website. Follow and engage with us on Twitter via @infragistics. You can also follow and contact me directly on Twitter at @brianlagunas. You can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live.  Also make sure to connect with our various teams via our Community Forums where you can interact with Infragistics engineers and other customers.  

Lastly, when you do build something cool with our controls, please make sure to let us know.