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.
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).
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.
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.
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.
