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.

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.
39 comment(s)
Gosha
Gosha
Looks just freaking awesome. Especially reports.
29 January 2020
jdubeau
jdubeau
Mehul,  your team is doing a really good job. 
29 January 2020
Eugene Kuchynski
Eugene Kuchynski

Awesome, very promising. And maybe among this all huge set of plans there will be a space for... dashboards :)

29 January 2020
Customer56436436
Customer56436436
Chic - almost everything that I asked for! Respect! I have the feeling that all this splendor is ready) Please publish packages regularly without waiting for the next minor/major version release.

What is missing?

1) Export from grid. This is a standard and necessary functionality. It is used by most users.  I would not like to use crutches for this (Reporting, etc). 
2) Adjustable modal dialog with the buttons
3) customize the width / height of all components. Not through CSS, but via the properties.
P.S. Correct bug in the demo: If you are very quickly and frequently open Details in Master-Detail Grid, then we get an exception

 

29 January 2020
Neil C Harrington
Neil C Harrington

The grid needs to expose a property to indicate which columns are sorted by, this is absolutely essential if your using "Data" property and using paging, now you don't know which column to sort by when requesting the data from the database. also an event to fire when sorting changed to go with it.

Being able to set the header template for all the columns is another thing.

Also, the ability set css classes to the controls and their sub controls/elements that way we can fully customise the look of the DX controls and use them with pretty much any UI framework (bootstrap, material-kit etc...)

29 January 2020
Blago Culjak
Dude86

Will Reports be cross-platform? Can I call my reports from my WPF/Winforms app and from Blazor?


Do you plan to have better filter search in Combobox? WPF/Winforms allowed us to use "+" if we want to include something from the string.

29 January 2020
NHIF
NHIF
Don't forget Application template.
30 January 2020
Armando Costa 1
Armando Costa 1

Really waiting for something solid from DevExpress, hope you finish something production ready FAST!

I at the moment using concurrent products because they are already work ....

30 January 2020
Customer55286
Cristian Magrini
What about DxDataGrid Edit Popup?
30 January 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

>Will Reports be cross-platform? Can I call my reports from my WPF/Winforms app and from Blazor?

@Blago Culjak, Reports in Blazor apps will be stored as XML files similar to storing our reports in ASP.NET Core apps . Once we release our reporting components, I recommend contacting our support team so we can help you. Thanks.

30 January 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Gosha and @jdubeau Thank you for your support!

@Eugene, Thanks for the feedback, we'll consider it for future releases.

@Customer56436436, Glad to hear it and your feedback is useful, keep it coming. We'll continue to improve our controls and I'm sure exporting and other features will appear on our roadmap in the future.

@NHIF, Thanks, and yes, templates are useful and important. We'll consider this for future plans.

@Armando Costa 1, Appreciate your feedback and we want to work hard and earn your business. Be sure to let us know which features are important for your Blazor apps. Feel free to email me directly: mharry@devexpress.com, thanks.

@Customer55286, Another useful feature which we will consider for future releases, thanks.
30 January 2020
Gordon Smith 3
Gordon Smith 3

Not mentioned here, but XAF Blazor roadmap talks about there being a compact material theme - will this be made available in the wider Blazor release?

Also, DatePicker - will you be adding the missing time component anytime soon?  Seems like an obvious miss, and enough to mean I can't use it.  Is this anywhere on the plans as yet?


31 January 2020
Gabriel Araujo 1
Gabriel Araujo 1
Would it be possible to point the File Manager to a Sharepoint site and have it display the documents on that site?
31 January 2020
Daniel Programer
Daniel Programer

What are your plans on the following basic features/components:


1. Compact theme

2. Popup (dialog box),

3. Menu (is this what the toolbar component would be used for?)

4. Splitter

5. Component validation with an exclamation point

6. Tabs that can be dynamically open/closed at run-time


These are mission critical components/features that are required for my team to even consider migrating some parts of our existing application(s) to Blazor.


Thanks.

31 January 2020
Abdullah AlFifi
Abdullah AlFifi
What about RTL support? 
1 February 2020
Ronny
Ronny

The AutoComplete component should include template support for item, header and footer. The header and footer should have access to the context - like accessing the item count in the result. The header and footer should also be able to support other controls, like a button to open an overlay window (dialog) to add more items to the AutoComplete's collection, a checkbox to filter the results/suggestion list, or a link to another page entirely. Basic templating support shouldn't take long to add at all. 

The DxDateEdit component should support enabling input mask to assist the user in entering the date.

Why isn't there any option to cancel the DxPopup when the user clicks outside the window (like in the ASP.NET Core control)

A notification/toast component would be very welcome as well.

3 February 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Gabriel, I recommend posting this question on our support center.


@Gordon, we'll consider creating a compact material theme in the future. The time part for DateEdit will likely be released sometime this year.

3 February 2020
Roberto Conti
Roberto Conti

Awesome news!

Especially reporting, it's crucial for our apps porting and for new ones. Header filter menu is great too.

Still some mostly desired features seem missing: grid summaries, grid exporting, and a bit of love for Pivot Grid would be very appreciated.


4 February 2020
Alcoa
Alcoa
When do you expect inline grid editing to become available?
12 February 2020
Shannon Dunn
Shannon Dunn
Really need to see the RichEdit/HTMLEditor control for our needs. Otherwise we may need to find another vendor for Blazor.
13 February 2020
Michele Baldassarre
Michele Baldassarre
Are you planning to integrate Map Control into Blazor?
13 February 2020
Dietmar-Konrad Kurok
Dietmar-Konrad Kurok
Please make Popup-windows also available in a non-modal fashion (multiple popups at the same time: resizable and moveable)
13 February 2020
PDev
PDev
This looks awesome!! I'm looking forward to even more dx blazor components.
14 February 2020
Dalibor Carapic
Dalibor Carapic
I am currently developing project with React and DevExtreme controls. I would so love to switch to Blazor. If only I could use Devextreme JS controls in Blazor :(
15 February 2020
Holger Braunschweig
Holger Braunschweig
Map control would be fine....
29 February 2020
Uwe Keim
Uwe Keim

I to like the way https://blog.stevensanderson.com/2019/09/13/blazor-inputfile/ implements file uploads much more than the DX one.

Primarily because I do not have to provide an additional upload controller action and have a simple handler method for that.

8 March 2020
Phillip Martin
Phillip Martin

Looks so so great!! This is very exciting stuff.


What is the best way to participate in discussion? Where is the right place to go to place feature requests for Blazor? 

13 March 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Phillip Martin,

Thanks, we'd love to hear your feedback. You can contact our support team or you can also give us feedback on our Blazor GitHub (be sure to star the project too).

13 March 2020
WigWug
WigWug
Yes Map Control!!!!
6 April 2020
Matt Beckius
Matt Beckius
When are you going to have another release of your Blazor components?  I want to use your components, but the functionality seems lacking at this point.
23 April 2020
Ashish Moradiya VD
Ashish Moradiya VD
Highly appreciated, Looking forward to changing way of web development.
29 April 2020
Ashish Moradiya VD
Ashish Moradiya VD
Highly appreciated, Looking forward to changing way of web development.
29 April 2020
Istvan Kardkovacs
Istvan Kardkovacs

Will there be 20.1 for Blazor components?

Are you waiting for the final version of wasm?

5 May 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Istan,

Yes, we're planning a final release after Microsoft fully releases Blazor clientside too. We're working hard to create new components but since we're making them from scratch, it takes a little longer than migrating existing components. Rest assured, we're committed to Blazor and you'll see more features and components in upcoming releases.

5 May 2020
Customer47860
Burgiss

Hi

Last December, DevExpress detailed how one can use reporting tools within blazor apps. This post mentions by mid-year, DevExpress will introduce new Blazor Reporting components which will provide better integration to help create and manage reports. Any more details at this time? Any road-map for Blazor Reporting Components that provide better integration? Any estimated time-lines (e.g. month target or quarter target)?

16 May 2020
CRM-99dcf9a9-4103-4f15-8ac7-c2de6c029511
Customer90018
Any schedule available when to expect the datagrid "inline edit" extension?
2 June 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Customer90018,

Thanks for the feedback. We'll likely add Inline Editing functionality to our Blazor Grid in a future release. However, I'm not ready to specify the date or release yet.

2 June 2020
Björn K.
Björn Krebser

Like other people I'm looking forward for new features of your Blazor components.
Most important: inline editing in data grid (with possibility to include validation) and a better integration of reporting into Blazor Server.

4 June 2020
CRM-8d76f72f-986a-49d2-8e8d-f08b6a7f18a6
Customer160201
is there any plan for RTL support ?
22 September 2020

Please login or register to post comments.