{"id":457,"date":"2022-11-03T06:22:00","date_gmt":"2022-11-03T06:22:00","guid":{"rendered":"https:\/\/staging.infragistics.com\/blogs\/?p=457"},"modified":"2025-01-31T10:20:57","modified_gmt":"2025-01-31T10:20:57","slug":"ignite-ui-for-blazor-whats-new-in-22-2","status":"publish","type":"post","link":"https:\/\/www.infragistics.com\/blogs\/ignite-ui-for-blazor-whats-new-in-22-2","title":{"rendered":"Ignite UI for Blazor – What\u2019s New in 22.2"},"content":{"rendered":"\n

Today\u2019s Ignite UI for Blazor 22.2 release includes five brand new components such as the Accordion, DateTime Input, Select, and Tabs components. As well as a brand-new modern data grid and tree grid, with the most features and best performance of any Blazor Grids on the market. With such a massive release, you might have thought we stopped there, but we didn\u2019t. We\u2019ve also made a ton of improvement to our market leading data visualization charts.<\/p>\n\n\n\n

Time to get a high-level view of all the great new components and features we\u2019re releasing in today\u2019s Ignite UI for Blazor 22.2 release.<\/p>\n\n\n\n

The NEW Blazor Data Grid<\/h2>\n\n\n\n

The new Blazor Data Grid<\/a> component is used for displaying data in a tabular format quickly and easily. The Data Grid is a modern grid component packed with features such as data editing, selection, filtering, sorting, grouping, pinning, paging, templating, column moving, exporting and more. Compared to the previous grid we shipped in Ignite UI for Blazor, the new Data Grid has significantly more features, a richer API, and built-in theming.<\/p>\n\n\n\n

The most important<\/strong> part about this announcement is that this is a brand-new<\/strong> Data Grid which will be replacing<\/strong> the existing Blazor Data Grid. This means that if you are using the previous Blazor Data Grid, you\u2019ll need to update the old grid with this brand-new Data Grid.<\/p>\n\n\n\n

Out with the old, in with the new!<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Blazor Tree Grid<\/h2>\n\n\n\n

The Tree Grid component is used to visualize multicolumn self-referential hierarchical data in a tabular format. Built on top of on our existing Data Grid component, the Tree Grid inherits all the Data Grid\u2019s great features, providing a familiar API and a seamless development experience for editing, filtering, sorting, summaries, and more.<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Blazor Accordion<\/h2>\n\n\n\n

The Blazor Accordion is a component for building a collection of components, composed as vertically stacked panels, with clickable headers that allows expanding and collapsing of the panels. The accordion is commonly used to reduce the need of scrolling across multiple sections of content on a single page. It offers keyboard navigation and an API to control the underlying panels’ expansion state.<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Blazor DataTime Input<\/h2>\n\n\n\n

The Ignite UI for Blazor DateTime Input allows the user to set and edit the date and time in a chosen input element. The user can edit both date and time portions using an editable masked input. Additionally, one can specify a desired display and input format, as well as min and max values to utilize validation.<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Blazor Select<\/h2>\n\n\n\n

The Blazor Select component allows a single selection from a list of items, placed in a dropdown. This form control offers a quick items list navigation, including selection, based on a single or multiple characters match. The Select component provides the ability to define a custom header and footer, as well as group the select items.<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Blazor Tabs<\/h2>\n\n\n\n

The Blazor Tabs component organizes content into separate views (tabs) where only one view (tab) can be visible at a time. Each tab has a label which is shown in the tab\u2019s header. Changing tabs is done by clicking a tab\u2019s header. When the number of tab headers exceeds the width of the screen, a set of horizontal scroll buttons are shown to scroll the other tab headers into view.<\/p>\n\n\n\n

\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Chart Improvements<\/h2>\n\n\n\n

Our last 22.1 was a big release for charts.  We made significant improvements to default behaviors, and we continued to refine the Category Chart API to make it easier to use. With 22.2, we are making another giant leap in capabilities of the Category Chart, delivering amazing new features that continue to make the Infragistics charts the most powerful and easiest to use charts on the market!  These new chart improvements include:<\/p>\n\n\n\n

    \n
  • Automatic responsive layouts for horizontal label rotation based on browser \/ screen size.<\/li>\n\n\n\n
  • Automatic crosshair, animations and Y-Axis labels and label formatting.<\/li>\n\n\n\n
  • Enhanced rendering for rounded labels on all platforms.<\/li>\n\n\n\n
  • New API for Grouping, Sorting and Summarizing Category string and numeric values, eliminating the need to pre-aggregate or calculate chart data.<\/li>\n<\/ul>\n\n\n\n