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 Date 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:

Showcase Your Apps on DevExpress.com

Highlight your business app and share your development experiences with the DevExpress community. To include your app in our upcoming App Showcase, please forward an application screenshot to clientservices@devexpress.com and tell us which DevExpress products you currently use within your organization.
60 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
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Jose

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

The upcoming DevExpress UI for Blazor v20.1.6 release will allow you to set both properties of our Blazor ComboBox control: Text Field Name and Value Field Name.

10 August 2020
CRM-0f1c1b1d-c21e-41c1-a119-f04c17273650
Otis Bricker

Is BatchEdit for the DataGrid in the backlog? I imagine we can roll our own on top of the current one but it would be nice to not have to.  We are looking at moving in the next few months and are assessing the time costs. 


11 August 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Otis,

Yes, it's part of our plans to add Batch Edit mode for the DevExpress Blazor DataGrid in a future release. After we release v20.2 in Q4, we'll likely publish our 2021 roadmap (later this year). Please keep an eye on this blog for updates and thank you for choosing DevExpress Blazor.


11 August 2020
Daniel Programer
Daniel Programer
Can you elaborate on how the Page Layout is going to work? Do you have any screenshots to share? Thanks.
12 August 2020
Graham O'Riley
Graham O'Riley
Will a Pdf viewer with thumnails control be on the development list?
13 August 2020
David Archer
David Archer

All looks fantastic Mehul!  Do you have any idea of when the next release will be?

Keep up the awesome work!

17 August 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@David Archer, Hi, thanks and in case you missed the news, we just released v20.1.6 this week.
23 August 2020
Ron Chibnik MFA
Ron Chibnik MFA

Is Blazor DXScheduler MonthView on the roadmap?


Need the ability to manage a shared schedule of events and the client prefers to view one or more months at a time;


Thanks

24 August 2020
CRM-97ead079-3b52-4563-8c7a-c3c4cdeef546
Ashish Moradiya AN
For data grid batch edit will be supported in near future?
30 August 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Ron, we'll likely add MonthView for DXScheduler in a future release, but we are currently focused on other Scheduler features, such as Timeline View, Resources, and Custom Fields. Stay tuned for an updated roadmap later this year.


@Ashish, we plan to add batch editing in a future release. For the v20.2 release, we have other grid features planned. Please keep an eye on this blog and our emails for updates. Thanks.

31 August 2020
Nemo
Nemo

Hi, nice to see all your updates for Blazor, I think it's the coolest framework and a brilliant idea!

1) Data Grid - Will it support custom summary calculation similar to Winforms GridControl? E.g. Instead of showing the raw sum in the group row, we would like to show the sum divided by say 100. Is there support for storing and restoring layouts(column order, width, sort order, filters, etc.)? Is there column virtualization so that grid doesn't need to calculate group summaries if column is not in view and calculate group summaries only when user scrolls column into view?

2) Pivot Grid - Please add ability to drag fields/columns in Row, Column, Data Header areas, this is preventing us from migrating to Blazor from Winforms.

3) TreeView - Virtualization of tree nodes available? We have use case where some nodes can have 10k+ nodes and have observed performance degradation in Winforms.

Thank you!

2 September 2020
Manish Kumar 43
Manish Kumar 43

Hi Mehul,


Great to know that batch editing for the grid is expected in a future release.

We also need keyboard (arrows) support and paste from clipboard (e.g data copied from excel). Is this something in your pipeline for the near future?


Thanks!

10 September 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Manish, Thanks for the feedback. Keyboard navigation is in our plans to support in a future release. Stay tuned for another Blazor roadmap blog post later this year.
14 September 2020
Maciej  Maslanka
Maciej Maslanka
What about the report viewer control for client-side blazor?
15 September 2020
CRM-8d76f72f-986a-49d2-8e8d-f08b6a7f18a6
Customer160201
any plan for Right to Left Support ?
22 September 2020
Alejandro Padilla V
Alejandro Padilla V

Any plan about the TreeList component with search panel in Blazor?.

Thank you

23 September 2020
Alejandro Padilla V
Alejandro Padilla V

Any plan about the TreeList component with search panel in Blazor?.

Thank you

23 September 2020
Aleksey Kaygorodov
Aleksey Kaygorodov
When TreeView can use many columns?
29 September 2020
Jose Vargem
Jose Vargem

Do you have plan to implement maps in blazor?

Thanks jose


2 October 2020
CRM-04ade24c-cb7b-426f-a7ac-c8a7c41e7166
Customer163780

+1 for adding a export functionality to csv or excel from the data grid tables.


I would like to see more code examples in the documentation showing more usage of various properties together. Not just segregated out separately, in its own section.



5 October 2020
CRM-04ade24c-cb7b-426f-a7ac-c8a7c41e7166
Customer163780

+1 for adding a export functionality to csv or excel from the data grid tables.


I would like to see more code examples in the documentation showing more usage of various properties together. Not just segregated out separately, in its own section.



5 October 2020
CRM-75d01907-3f6b-4eb8-bdeb-0b9424f1a8a8
Dawid Kaczmarek

Hi Mehul,

We're really looking forward new filter enhancements for Data Grid control - those Blazor controls seems to be extremely easy to use and fast to develop great things! We have a project, that we need those features right now.

What could also be useful would be a native support for querying over OData V4 API, like it is done for DevExpres.AspNet.Data - that is what we think is missing.

15 October 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Hi Dawid,

Thanks, please check out the v20.2 beta that's available now and let us know how the new grid filter features work for you.

For the querying, we're working on something for the grid which we're not ready to announce yet. Stay tuned. :)

19 October 2020
Stephen Winstanley_2
Stephen Winstanley_2

While you make great products your competitors already have more components already.  I am finding it hard to complete projects because I need components you do not have, that your main competitors have already got available.  I really think you need to look at your suite and measure it against what else is on the market and catch you quickly so you are once again value for money.

Sorry to be so negative, but I have been a great supporter of yours for years and after the mess of a Xamarin suite I am hoping you can recover with Blazor as it is a good technology and you cant be left behind too many times.




20 October 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
Stephen,
Rest assured that we're committed to the Blazor framework. Like you, we appreciate its potential and are working hard to deliver more components and features as I write this.
I've sent you an email to see if you'd like to discuss your concerns with me directly. Hope to hear from you soon, thanks. -mharry@devexpress.com
20 October 2020
David Archer
David Archer

Hi Mehul,

Any idea when the next release is coming?  Would love to be using some of the new controls :)

Cheers,

David

22 October 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@David,

You can test the v20.2 features today with the beta.
We released the v20.2 beta recently and we're gathering feedback, fixing bugs, final touches, etc. Have you tested the beta version yet?

22 October 2020
Patryk Matuszewski
Patryk Matuszewski

Hi Mehul,


and do You plan to allow custom headers in file upload? Right now it is not possible to use it when using JWT auth tokens. As the API method cannot be authenticated in order to upload files.

There is also no way to ovveride this...


Any updates about this?

25 October 2020
Jaroslav Kubík
Jaroslav Kubík

Is other stuff from the roadmap, that didn't make it into the first 20.2 release, still coming this year or has it been pushed further back?

Specifically grid related stuff like Inline Edit, Popup Header Filter or ObservableCollection/INotifyCollectionChanged support.

29 October 2020

Please login or register to post comments.