Blazor - Roadmap 2020 (Mid-Year Update)

ASP.NET Team Blog
09 July 2020

In January 2020, we published our Blazor UI - 2020 Roadmap for the first half of 2020. Based on survey results and Support Center feedback, we’ve finalized our 2020.2 Roadmap. We want to thank you for your continued support and for your insightful comments.

New Components

Memo control

We're creating a new editor component that allows you to display and edit multi-line text. Our Blazor Memo component will ship with both data binding and validation support.

Drop Down Button

Our new Drop Down Button will allow your end-users to select from a list of items.

Drop Down Edit

The Drop Down Edit component will be able to display custom content within its list.

Page Layout

Our Blazor Page Layout component will help you create custom page layouts with ease.

Menu

The DevExpress Blazor Menu component will include support for hierarchical items, items group, left and right item alignment, and templates.

Navigation Bar

Our new Blazor Navigation Bar component will include built-in templates so you can create custom navigation items as needed.

Data Grid

Total Summaries

We're adding a set of predefined total summaries (Min, Max, Sum, Average, etc.) These aggregate function values are calculated against all rows in the Grid and displayed within the Blazor Grid’s footer.

We're also adding custom summary support so you can calculate summaries against records that meet specific criteria. You will also be able to use multiple data fields in your calculations.

Group Summaries

We expect to add a set of predefined summaries and a custom summary for the Blazor Grid’s group row or its group footer.

Column Customization

A new property will allow you to improve column appearance by assigning custom CSS classes to column markup.

Popup Edit

A new edit mode will allow your end users to edit cell values inside a popup edit form.

Inline Edit

Our Blazor Grid’s Inline Edit mode will allow your end user to edit cell values within the current edit row.

Filter Enhancements

We'll introduce the following new filter options to our Blazor Grid:

  • Popup Header Filter
  • Search Panel
  • Advanced Filter API

DevExpress Blazor Grid - Filter

Frozen Columns

Our Grid will ship with support for Frozen columns. This will allow end-users to lock columns in one area and keep this area visible during horizontal scroll operations.

Column Resize

With our new column resize feature, your end-users can easily modify column width via the mouse.

Automatic Data Updates (Observable)

Our Blazor Grid will allow you to bind to ObservableCollection and implement the INotifyPropertyChanged interface. The Grid will automatically update when changes are made to the observable collection.

Scheduler

Custom Fields

Our Blazor Scheduler control will support custom (data bound) fields so you can display and save custom information within an appointment form.

Custom Appointment Form

The Scheduler will allow you to customize the layout of the appointment edit form.

Filter and Group by Resources

The Scheduler will include an option to filter and group appointments by resources (for example employees, hotel rooms, etc.).

Timeline View

The Scheduler will ship with a new Timeline View. The timeline will display appointments/events as horizontal bars along its timescale. This new UI paradigm will give end-users a clearer picture of upcoming/past events.

DevExpress Blazor Scheduler - Timeline View

Data Editors Enhancement

Multiple Columns

The ComboBox, List Box, and TagBox components will include support for multiple columns (display list data across multiple columns).

Two-Way Binding

With two-way binding, you will have the option to bind a value from the ComboBox and TagBox with either a stand-alone variable or your Model's property.

Masked Input

Our Blazor Text Box, ComboBox and data editors that include a text field will support custom Masks (to help you manage user input).

Focus an Editor in Code

We're enhancing our editor's API so you can set focus on the data editor within code.

Item Template

Our List Box and ComboBox will include a new template region. You will be able to display custom information within this region as needed (will include support for an image within the input box).

Time Section in Data Edit

The Date Edit component will incorporate a time edit section and allow end-users to set time values alongside dates.

ComboBox Drop Down Width

We're adding an option to control the width of the ComboBox's drop down. The drop down's width will be calculated from either the:

  • drop down content width
  • entire width of the editor

Alternatively, you can use the expandable option. This option will allow width to increase or decrease as necessary.

Adaptivity Enhancements

For mobile devices, we're adding a popup and modal mode for the drop down window. These modes mimic the behavior of a standard drop down control on mobile browsers.

Visual Studio Integration

To help you get started with our Blazor UI components, we're creating new Project templates for both Blazor Server and Blazor WebAssembly applications.

Before we let you go

Your feedback matters a great deal. Please help us further improve DevExpress UI Components for Blazor by answering the following survey questions:

What’s New in v20.1

To explore the scope, breadth and capabilities of our new products/features, please visit: https://www.devexpress.com/Subscriptions/New-2020-1.xml.
31 comment(s)
Ozan Yasin Dogan
Ozan Yasin Dogan
Great news! Looking forward to see new components and features with impatience!
9 July 2020
Eugene Kuchynski
Eugene Kuchynski

Great roadmap, can't wait for these additions). Everything looks like absolutely in target.

May ask what is the purpose and difference of Page layout component from DxForm?

And, while working with Blazor components, found out that it would be great to have access to Grid's column collection (to read/change order, width, visibility of columns programmatically)

9 July 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
Thanks Ozan and Eugene.

@Eugene,
For our Blazor Grid's column collection, please take a look at the solution in these support threads which may help you:

9 July 2020
Chris Holland
Chris Holland
That all looks great but the scheduler needs to be able to detect which appointment is selected and also a month view or else it is pretty useless.
9 July 2020
Mo cisse
Mo cisse

Hi Mehul,

Do you plan image control for blazor ?

Thanks


9 July 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Mo,

Not in the current roadmap. As a temporary workaround, you can convert your byte array into a base64 string and pass it to the img tag's src attribute as shown in the following thread:
How to display a byte array image

If this does not help, could you please create a ticket and describe your scenario and the features you require from a possible DevExpress Blazor Image component?

9 July 2020
Kevon Houghton 1
Kevon Houghton 1
Are there any plans to add more layout type controls?  It would be nice to have a Blade control, similar to how the Azure portal works.  
9 July 2020
Jacek Kosiński
Jacek Kosiński
Great job !. Now i looking for integrate these changes in xaf blazor ;)
9 July 2020
Marc Greiner (DevExpress MVP)
Marc Greiner (DevExpress MVP)

These are exciting news !

Please will the Blazor editor controls allow to edit nullable and/or negative values for TimeSpan, and nullable for DateTime and int properties?

10 July 2020
Rick Mathers
Rick Mathers
Any thoughts on Adaptivity for DataGrid?
10 July 2020
Alvis Kums
Alvis Kums

Hi,

very happy about your plans in grid control.

Navigation bar - cool, exactly what i would love right now.

If you take notes, i would be interested next -

  Pivot grid (frozen/fixed caption row and column, so on mobile it is usable),

  exports from grid and pivot in PDF and Excel,

  Date period picker,

  any upgrades in charts are always welcomed (like in grid)

10 July 2020
Konstantin Balashov
Konstantin Balashov
What about keyboard navigation in DataGrid?
10 July 2020
Scott R. Frost
Scott R. Frost
Nothing about Reporting for WebAssembly?
10 July 2020
Adus
Adus
What about toast notifications??
10 July 2020
mateo rojas
mateo rojas
for when it would be ready, release date
11 July 2020
Customer100256
Do Nhu Vy
I am looking forward next releases. Thank you, your products and services are great!
12 July 2020
Jaeson Aras
Jaeson
Great product and roadmap. It would be good to have complete workaround solutions for the other JS DevExtreme controls, such as Diagram, RichText and Spreadsheet, and others. I'm aware that there are some examples, but they're not consistent in implementation method. Apologies if such a repository already exists, I just can't find it easily.
12 July 2020
Kartal TURGUT
Kartal TURGUT
Great news! We look forward to it. I hope many issues will be ready in 20.2 version. Fast and usefull UI needed.
13 July 2020
Neil C Harrington
Neil C Harrington

I would also add Map control to the list.

13 July 2020
CRM-2d5c23a1-a544-47f4-b1c9-8bedfcaaf2b8
Holger
Great news! I love Blazor!! And DevExpress-Controls are always my number one!!! Please go on delivering new controls and features so we can build great apps.
13 July 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Marc

> Please will the Blazor editor controls allow to edit nullable and/or negative values for TimeSpan, and nullable for DateTime and int properties?

This section addresses the supported editors:

> # Blazor Data Editors - Null Values and Clear buttons

> You can bind the Spin Edit and Date Edit components to nullable data types. Currently, the following Blazor components can be bound to nullable properties:

>    Check Box
>    Combo Box
>    Date Edit
>    Spin Edit
>    Text Box
 
You can edit nullable for DateTime and int properties.

14 July 2020
bruno mandarà
bruno mandarà
Whats about cell editing in datagrid? Like wpf datagrid 
14 July 2020
CRM-8ec22b26-3131-4134-8649-f45c2cf25455
Tom Thunderforest

Hi,


Will Menu / Navigation Bar will support breadthumbs ?


Thank you for your great work !

Br

Tom Thunderforest

14 July 2020
Andrzej Wloszczynski
Andrzej Wloszczynski

Scheduler with resources

This is probably one of the most important features. To make it useful add an option to group data by date or resources. Suppose I have a few employees and I want to assign them meetings with clients. In week view sometimes I would like to see a wide column for each day divided into narrower columns for individual employees and sometimes I would like to see wide columns for each employee divided into narrow columns for each day. This is very important. The first view is useful when I want to find the first possible free slot for the customer and he/she can be served by any employee. The second view is necessary if the customer can only be served by a particular employee.

It is possible that more then one employee have to be present on one meeting. Please support this requirement correctly, including drag and drop operations - drop is possible only when all required empolyees are available.

Performance

Please don't forget that we often work with large databases. In real database we often have tens or even hundreds of thousands of products, customers, etc. and milions of documents. Take this into account each time you create components like ComboBox, ListBox, DataGrid, filters in DataGrid, etc. Solutions where all records from database table are read into memory are almost always unacceptable.

15 July 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Tom,

Thanks, we'll consider it. In the meantime, you may find this helpful:

 
20 July 2020
x h 2
x h 2
DataGrid auto height and scroll height in flex layout.
23 July 2020
Dietmar-Konrad Kurok
Dietmar-Konrad Kurok

Hello,

great to here that DevExoress is going on the Blazor-road!

I would like to see a Popup-control which has non-modal-mode and where multiple non-modal-popups can be opened in parallel.

Also a tooltip-control, with header-, body and footer-template, binable to other components, would be very helpful.

Many thanks for your awsome work!


24 July 2020
Jose Vargem
Jose Vargem

Hello,

Where is listview?

1 August 2020
Jose Vargem
Jose Vargem

Hello,

With comboBox we will configure with FieldText and Field value similar what we have in winforms (lookupEdit)?

1 August 2020
Jose Vargem
Jose Vargem
Also I don't see component similar MemoExEdit as we have in winforms Do you will implement?
1 August 2020
Sven Glöckner 1
Sven Glöckner
Please don't forget WYSIWYG HTML editor
6 August 2020

Please login or register to post comments.