Blazor Layout & Navigation — Upcoming Features (v22.2)

ASP.NET Team Blog
16 August 2022

In this blog post, I'll summarize Blazor Layout & Navigation features we expect to ship this fall/winter (v22.2). Please feel free to share your feedback via the inline survey questions below.

The information contained within this blog post details our current/projected development plans. Please note that this information is being shared for INFORMATIONAL PURPOSES ONLY and does not represent a binding commitment on the part of Developer Express Inc. This blog post and the features/products listed within it are subject to change. You should not rely or use this information to help make a purchase decision about Developer Express Inc products.

Form Layout, Pager, and Toolbar — New Render & Size Mode Support

In our next major release, our Blazor Grid, Data Editors, Layout and Navigation components will switch from Bootstrap to our own rendering engine. This new Blazor rendering engine will help us deliver:

  • Improved performance with fewer JavaScript interop calls.
  • Consistent appearance across DevExpress Blazor controls.

In addition, we expect to significantly improve our Size Modes. New size modes will apply to all controls that use the new rendering engine (Grid, Data Editors, Layout, and Navigation components) and allow you to create "dense" interfaces (and display more relevant information on-screen).

blazor-layout-size-mode

Important Note. If you develop apps that make use of the four DevExpress themes, you will only see changes in font size and margins/paddings for specific elements. However, if you are working with a Bootstrap-based theme, you should plan an upgrade path in advance. Once the new rendering engine ships, DevExpress controls that support it (Grid, Data Editors, Layout, and Navigation components) will only take CSS variable values (colors, fonts) from your Bootstrap theme. Other theme settings (paddings & margins, colors defined in widgets, shadows, border thickness, rounded corners, pseudo-classes) will be ignored.

Accordion — Selection

The DevExpress Blazor Accordion control will support single item selection and expose an API to get/set the currently selected item.

blazor-accordion-selection

Form Layout — Collapsible Groups

The DevExpress Blazor Form Layout control will support collapsible groups. These groups will display an expand/collapse button in their header section and will offer similar functionality to the Accordion component.

blazor-collapsible-groups

Tab Control — Disabled Tabs

The DevExpress Blazor Tab Control will ship with an API to disable specific tabs. Disabled tabs cannot be selected and are greyed out.

blazor-disabled-tabs

Free DevExpress Products - Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.