Blazor UI - 2020 Roadmap

ASP.NET Team Blog
29 January 2020

In this post, I’ll summarize our Blazor UI release plans for the first half of 2020. Should you have any questions about the products/features listed herein, feel free to submit your comments/questions below.

As always, thank you for your continued support. Go Blazor!

Localization

(available in 19.2 Beta)

You will be able to localize Blazor components (Blazor Server or Blazor WebAssembly) using predefined translations. You can create custom translations for your app via the DevExpress Localization Service.

DevExpress Blazor Localization

New Components

Reporting Components

Last December, we detailed how you can use our reporting tools within your blazor apps. By mid-year, we'll introduce new Blazor Reporting components which will provide better integration to help you create and manage reports.

File Manager

We're creating a new Blazor File Manager component to manage remote file system using standard file management operations.

Upload

Upload files to your server or a remote service. Our Blazor Upload component will ship with asynchronous multiple file upload, large file upload, and file extension validation support.

Toolbar

Our upcoming toolbar component will allow you to create useful tool buttons for popular end-user actions.

TagBox

The Tag Box control will allow your users to select values from a drop-down list or to enter them manually.

Button

Our Blazor Button component will support Contained, Outline, and Text render styles. It will ship with ten Bootstrap styles. You’ll also be able to assign icons or use a template to create a fully customized appearance.

Data Grid

Asynchronous Data-Aware Operations

(available in 19.2 Beta)

This new API will allow you to execute database operations and await completion without blocking app code execution. Asynch data-aware operations will help you deliver more responsive solutions - even when connected to remote databases over slow networks.

Custom Data Binding

(available in 19.2 Beta)

You'll be able to bind our Blazor Data Grid to a custom data source, including Web API services.

CheckBox Column

(available in 19.2 Beta)

Our new Blazor CheckBox column will allow you to display Boolean values within the Blazor Data Grid.

Page Size Selector

Your end-users will be able to change data page size for the Data Grid using a drop-down UI element on the pager.

DevExpress Blazor Data Grid

Go To Page

End-users will be able to open a specific data page using the "Go To Page" edit box (displayed within the Data Grid's pager).

Keyboard Support

This feature will allow your end-users to navigate Data Grid rows via the keyboard.

New Header Filter menu

End users will be able to filter data by selecting a corresponding item in the Header Filter menu. You will be able to add custom items to the Header Filter menu as needed.

New Binary Image column

The Binary Column will allow you to display image data. You can bind this column to a property that contains images. To replace an image, the end-user should start row editing and upload a new image using the default Upload component available within the edit form.

New Unbound column

You will be able to use unbound columns to calculate column values based on custom algorithms (after retrieving data from the database).

Inline Edit Mode

Inline Edit mode will allow you to directly edit an individual row without displaying the Grid’s edit form.

Row Template

Row templates will allow you to create custom layouts for Data Grid rows.

Automatically Resize to 100% Height

When set to 100%, our Blazor Data Grid will automatically fill available height within the container element.

Built-In Edit Forms validation

If you use an edit form with default column editors, you no longer need to use the Blazor’s built-in validation. Our Blazor Data Grid will validate data automatically.

Custom Values in New Rows

At present, our Blazor Data Grid displays default values in new row cells. We will give you the ability to set custom values for new rows.

Search Panel

This UI element is useful when an end-user needs to search a specific value by several columns at the same time.Specific columns can be programmatically excluded from the user search.

Toolbar

This UI element will allow you to display toolbar buttons for custom operations and also popular operations used by your end-users.

Context Menu

The context menu displays popular user actions based on the user interaction, for example, a mouse click or finger tap on a UI element. You can hide default items or add custom ones to the popup menu.

ComboBox

Multiple Columns

The highly requested multi-column layout feature will be available for our Blazor ComboBox in the next major release.

Filtering Across Columns

This feature will allow you to find items by a specific value.

Templates

You'll be able to create custom appearances for ComboBox elements using item, header or footer templates.

Drop-Down Position Correction

When a ComboBox is located at the bottom of a web page, the component’s drop-down window might partially appear outside of the page. We plan to correct the window’s position automatically to always display within the available page space.

Calendar

Gestures

A new gesture will allow you to change months by swiping the current month in our Calendar.

Month and Year Navigation

Your end-user will be able to quickly navigate between months and/or years to find a specific date.

Common Editor Enhancements

Interactive Null Text

(available in 19.2 Beta)

Many of you use null text to display an editor's placeholder. However, it disappears once the component has focus. We are going to keep null text visible until the user enters values.

Loading Image

If ComboBox or List Box is bound to a large data set, data loading operation may take some time. We plan to display a loading image for these editors to indicate the loading process.


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 roadmap and the features/products listed within it are subject to change. You should not rely on or use this information to help make a purchase decision about Developer Express Inc products.

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.
No Comments

Please login or register to post comments.