Blazor UI - 2021 Roadmap

ASP.NET Team Blog
22 February 2021

Before I detail our 2021 Roadmap for the DevExpress UI for Blazor, my thanks to everyone who shared feedback/thoughts last year. Your contribution is appreciated.

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

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.

New Components

DevExpress Office Controls

v21.1

In our first major 2021 update, we plan to release the following DevExpress Office Controls for Blazor:

  • Blazor Rich Text Edit - Advanced text editing/word processing functionality for your next Blazor web app.

  • Blazor Spreadsheet - Excel inspired user experiences/capabilities for your next Blazor web app.

DevExpress Blazor Rich Text Editor

Navigation, Editors, & More

v21.2

We expect to ship the following new components in our second major update in 2021:

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

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

  • Binary Image - The Binary Column will allow you to display image data. You can bind this column to a property that contains images.

  • Button Edit - Our Button Edit component will display a value in a text box editor and display one or more buttons within its client region.

  • Accordion - The Accordion UI component will allow you to display collapsible content panels when presenting information in a limited amount of space. Use the Accordion component for side navigation and organize items into groups.

  • Sidebar - With our new Sidebar component, you’ll be able to add a sidebar to your app and (located alongside the main display area) display relevant information or navigation options.

  • New Dialogs - We're adding three new dialogs to our Blazor component suite: Confirmation, Alert, and an Error dialog.

Dashboards

Last year, we created a detailed tutorial on how to use our Web Dashboard within your Blazor Apps.

This year, we plan to introduce a Blazor Dashboard component. This new component will simplify how you add our Web Dashboard control to your Blazor application and bind it to your backend.

To learn more about the enhancements we’ll make for DevExpress Dashboards, please refer to the following post: DevExpress Dashboard - 2021 Roadmap.

Common Enhancements

v21.1

  • Bootstrap 5 Support - Bootstrap 5 should be released in early 2021. Rest assured, our v21.1 Blazor components will support Bootstrap 5.

v21.2

  • Accessibility Support - We expect to fully support WCAG and Section 508 accessibility standards within our Blazor product line.

  • New Dark Theme - We will introduce a new dark theme for our Blazor components.

  • Content Security Policy Support - We expect to add support for the Content-Security-Policy header. With it, you'll be able to restrict resources such as JavaScript, CSS, etc (pretty much anything that the browser loads). Refer to the following page for more information: https://content-security-policy.com/

  • Right To Left support - We expect to add right-to-left support to major Blazor components (Data Grid, Scheduler, etc.).

Data Grid

We expect to refine/enhance our Blazor DataGrid throughout 2021. We’ll share more information in this regard as these capabilities come online. Performance and adaptability remain major focus areas. Here are few things you can expect in 2021:

v21.1

  • Criteria Language Syntax Support - We expect to support our Cross-Platform Class Library. With this criteria language, you’ll be able to construct advanced filter expressions.

  • Custom Grouping - You'll be able to group data based on custom criteria as needed.

  • Custom Sorting - This new API will allow you to apply custom conditions for any sort operation.

  • Automatic Model Update - Our new Blazor Grid will allow you to bind to ObservableCollection and implement the INotifyPropertyChanged interface. The Grid will automatically update itself when changes are made to the observable collection.

Editing, Filtering, Adaptivity, & More

v21.2

  • Data Aware (Excel) Export - We expect to introduce data-aware export mode (XLSX format). This mode will allow you to retain data shaping operations (filters, groups, conditional formatting, etc.) during XLSX document generation.

  • PDF Data Export - Users will be able to export the contents of your grid to a PDF file.

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

  • Search Panel - With the new Search Panel, end users will be able to filter multiple columns simultaneously and find a specific value.

  • Header Filter - End users will be able to filter data by selecting a corresponding item in the Header Filter popup dialog.

  • Binary Image Column - The Binary Image column will allow you to display and export an image bound to a data field with binary data.

  • Adaptivity Support - Our new adaptive mode will display cards rather than rows when viewing the Data Grid on a mobile device.

DevExpress Blazor Data Grid - Mobile Friendly - Adaptive

Data Editors

v21.1

  • Masked Input - Controls with text fields (Blazor Text Box, Blazor ComboBox, etc) will support custom Masks (to help you control/manage user input).

DevExpress Blazor Data Editor - Masked Input

  • ComboBox Drop-down Auto Position

v21.2

  • Item Template in Editors - Our List Box, Tag Box and Combo Box components will include a new template region. You will be able to display custom information within it as necessary (will include support for an image within the input box).

API Enhancements

  • On Demand Data Loading - for our Blazor List Box, Combo Box, and Tag Box. Items that are not currently displayed can be loaded dynamically (based on end-user action). As you would expect, this capability will help improve page load speed.

  • Focus an Editor in Code

  • List Box - The DevExpress Blazor ListBox will allow you to bind a value field to a single data object.

Scheduler

v21.1

  • Timeline - The DevExpress Blazor 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.

  • Month view - A new Month View will allow your end users to view appointments by month. This view will position days one after another horizontally (so that they form weeks, while weeks are placed one under another).

DevExpress Blazor Scheduler

v21.2

  • Adaptivity Enhancements - We expect to improve rendering for mobile browsers.

Charts

v21.1

  • Zooming and Scrolling - We expect to improve zooming and scrolling operations. The Chart control will aggregate data and hide excessive points when you zoom out.

  • Display format in Series Label - Will allow you to assign custom display formats to any series label.

  • Series Label Customization - Will allow you to change the look and feel of a series label or create custom labels.

Reporting

To learn more about the enhancements we’ll make for Blazor Reports, please refer to the following post: DevExpress Reporting - 2021 Roadmap. New 2021 features will include:

  • New Blazor Document Viewer
  • Export To PDF - Tagged PDF
  • Runtime Report Generation - New Fluent API
  • Web Report Designer - Support for Multi-Tenant and/or Multi-User Scenarios
  • Web Report Designer - Cross-Tab

DevExpress Blazor Reporting

Popup Control

v21.1

  • API Enhancements
    • Manage open and close actions
    • Control z-index
    • Set custom display position
    • Assign popup window size

v21.2

  • Non-Modal State Support

  • Multiple Popup Windows

Tabs

v21.1

  • Content Lazy Loading support - This new feature will allow you to specify whether to load tab content immediately or when a tab is activated.

v21.2

  • Adaptivity support
    • Automatic resize based on container size
    • Multiline tab support
    • Improved mobile device support

Menu

v21.1

  • Data Binding Support - You'll be able to populate Menu items from a database.

Your Feedback Matters

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.