Blazor v23.1 — June 2023 Roadmap

ASP.NET Team Blog
27 February 2023

This blog post summarizes major Blazor-related features we expect to ship in June 2023 (v23.1). Should you have questions about the features outlined below, feel free to create a Support Center ticket. We’ll be happy to follow-up.

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.

Grid

Column Header Filter

We expect to incorporate Excel-style column filter dropdowns within our Blazor Grid. Like their ASP.NET counterparts, these dropdowns will display unique column values as a checklist with a built-in search box.

blazor-filter-dropdown

Excel-style column filters will include the necessary APIs to help you define your custom filter content.

Virtual Scrolling

In our next major release (June 2023), the DevExpress Blazor Grid will ship with support for a virtual scrolling option. This new mode will allow users to scroll through records with no paging. To maximize performance, our Blazor Grid will render only rows in the current scroll viewport.

Auto-Generated Editors

Our Blazor Grid will automatically generate and configure cell editors for individual columns based on associated data type. Automatically generated editors will be used in the Filter Row and within activated grid cells during edit operations (unless a custom cell or Filter Row template has been defined).

blazor-filter-row-editors

Cell Editor API

DevExpress Blazor Grid columns will ship with a new API to control cell editor settings. These settings will manage the type of editor used, and many of the options available for individual DevExpress Blazor Editor controls.

<DxGridDataColumn FieldName="Price">
  <EditorSettings>
     <DxMaskedInputSettings Mask="@NumericMask.Currency" />
  </EditorSettings>
</DxGridDataColumn>

Once defined, editor settings will apply to activated grid cells and the Filter Row.

Fixed Columns

The DevExpress Blazor Grid will include fixed column support. You will be able to fix any number of columns to either left or right by setting a parameter.

<DxGrid Data=”Orders”>
    <Columns>
        <DxGridCommandColumn FixedPosition=”GridColumnFixedPosition.Left” />
        <DxGridDataColumn FieldName=”OrderDate” />
        <DxGridDataColumn FieldName=”ShipCountry” />
    </Columns>
</DxGrid>

Fixed columns will always remain visible. In addition, end-users will not be able to drop columns from a non-fixed region to a fixed region (and vice versa).

New Column Chooser Window

At present, the Column Chooser is a dropdown that can be connected to a button or toolbar item. We expect to enhance column customization capabilities in our next major update. You will be able to display the Column Chooser as a draggable/resizable window within your Blazor app (this change will improve column customization flexibility and overall usability).

blazor-grid-column-chooser

Data Editors

New RadioButton

A new RadioButton control.

blazor-radio-button

ComboBox — Selected Item Template

Our new API will allow developers to customize the appearance of selected ComboBox items (to display images or custom content).

blazor-combo-box-item-template

TreeView

Node Checking

The DevExpress Blazor TreeView will be able to display checkboxes for individual nodes. This new capability will include a recursive node checking option. In this mode, once a user checks a parent node, all its children will be checked. Changes in child node check state will affect the check state of the parent node.

blazor-tree-view-node-checking

New Render and Size Mode Support

Our Blazor TreeView control will support our new rendering engine (introduced earlier for other DevExpress Blazor controls). Once implemented, our Blazor TreeView will support size modes and its appearance will be consistent with the rest of our Blazor product line.

blazor-tree-view-render

Vertical ScrollBar

Our TreeView will ship with a built-in scroll bar (for usage scenarios wherein the component itself needs to be displayed with a fixed height).

blazor-tree-view-scrollbar

Scheduler

Custom Edit Form API

The DevExpress Blazor Scheduler will include an API to display custom appointment edit forms.

Tabs

Tab Header Position

At present, our Blazor Tabs component can only display tab headers at the top. We expect to add the ability to display headers at the bottom, left, or right of the content area.

tab-position-bottom

IconUrl API

The new API will allow you to specify tab header images as URLs instead of defining them in CSS classes.

tab-images

Accordion

New Render and Size Mode Support

The DevExpress Blazor Accordion control will support our new rendering engine (introduced earlier for other DevExpress Blazor controls). Once implemented, our Accordion will support size modes and its appearance will be consistent with the rest of the DevExpress Blazor product line.

Window

Multi-Window Support

The DevExpress Blazor Window will support usage scenarios wherein multiple windows are opened simultaneously. End-users will be able to switch between open windows.

blazor-multi-window

Resizing by Edges

Our Blazor Window component will allow users to initiate resize operations by dragging any window edge, and not just the size grip.

blazor-window-resizing

Dialog

Dragging and Resizing Support

Modal dialogs created with the DevExpress Blazor Popup will support end-user drag and resize operations.

Utility Controls

New Wait Indicator

Our new Blazor Wait Indicator control will display a loading spinner should you need to indicate progress during lengthy/time consuming operations.

blazor-wait-indicator

New Loading Panel

Our new Blazor Loading Panel will extend the capabilities of the Wait Indicator and display a panel with progress indication atop a specified area. This panel will help indicate operational state and can optionally block user interaction against the underlying UI.

blazor-loading-panel

New Render and Size Mode Support

The DevExpress Blazor Menu control will support our new rendering engine (introduced earlier for other DevExpress Blazor controls). Once implemented, our Blazor Menu will support size modes and its appearance will be consistent with the rest of the DevExpress Blazor product line.

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.