Roadmap

Last updated: 5-APR-2023


The information contained within this Roadmap 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 or use this information to help make a purchase decision about Developer Express Inc products.

New Components

New DateRangeBox Component

Angular React Vue jQuery
Work in Progress

DevExtreme v23.1 will ship with a new DateRangeBox editor. As its name implies, this new control will allow end users to select a date range. The component will inherit features found in our DateBox component – masked input, flexible popup and calendar customization, input label/styling modes, etc.

UI/UX Customization Enhancements

DataGrid/PivotGrid/TreeList - HeaderFilter and ColumnChooser Popup Customization

Angular React Vue jQuery
Work in Progress

v23.1 will include extended customization options for our HeaderFilter and ColumnChooser popups (for DevExtreme’s DataGrid, PivotGrid, TreeList components).

HeaderFilter enhancements will include:

  • Display/hide the 'Select All' checkbox.
  • Expose configuration options for our built-in search editor via APIs.

ColumnChooser enhancements will include:

  • Set initial position of the popup.
  • Display/hide a column when its caption is clicked.
  • New SelectAll/UnselectAll option (a checkbox within the UI).
  • Enable/disable recursive selection for band columns.
  • Expose configuration options for our built-in search editor via APIs.

Charts - Сolor Gradients and Patterns

Angular React Vue jQuery
EAP 23.1

v23.1 will ship with extended Chart customization options. In addition to plain colors, you will be able to fill Chart elements with gradients, patterns, and pictures.

Charts - Control Label Position in Series

Angular React Vue jQuery
Work in Progress

We will add an API to modify default label position (to specify an offset).

Gauge – Custom Content Inside the Component

Angular React Vue jQuery
EAP 23.1

With DevExtreme v23.1, you will be able to add custom content (text, images) in the center of the Gauge component. We will deliver this capability via ‘templates'.

BarGauge - Support 'Shift' Mode to Address Overlapping Labels

Angular React Vue jQuery
EAP 23.1

At present, BarGauge can hide labels which overlap one another. In our next major release (v23.1), we will introduce a new `shift` mode option. When enabled, the BarGauge will automatically shift labels to prevent overlaps (as implemented in our PieChart).

Overlay Components - Native Scrolling

Angular React Vue jQuery
EAP 23.1

Our Popup, Popover, and Tooltip components will ship with native scrolling support. You will no longer need to wrap content with an additional ScrollView component. Another benefit of this enhancement is that touch gesture experiences on mobile devices will improve. 

TreeView - Support Custom Expand/Collapse Icons

Angular React Vue jQuery
EAP 23.1

We plan to extend the TreeView’s API, so you can specify custom expand/collapse icons as needs dictate. 

New  expandIcon and collapseIcon properties will accept different source types.

JavaScript
$('#treeview').dxTreeView({
    items: products,
    // ...

    expandIcon: './icons/expand_icon.png',
    collapseIcon: './icons/collapse_icon.png',

    // Another option

    expandIcon: 'add',
    collapseIcon: 'minus',
}).dxTreeView('instance');

API Enhancements

Angular React Vue jQuery
Work in Progress

In our next major release (v23.1), we will introduce a new url option for Menu items. With this change, you will not have to implement complicated onItemClick event handlers. This feature will also enable built-in web browser capabilities such as open page in a new tab or copy URL address. 

JavaScript
$('#menu').dxMenu({
    items: [
        {icon: 'home', url: '/'},
        {text: 'about', url: './about.html'},
        {text: 'products', url: './products.html'},
        {icon: 'cart', url: './cart.html'}
    ],
   // ...
}).dxMenu('instance');

List - Select Items by Click

Angular React Vue jQuery
EAP 23.1

DevExtreme TreeView and other components include a selectByClick option. This option specifies whether an item is selected if a user clicks on its caption. We will implement a similar option for our List component.

ColorBox – Hexadecimal 8-digit RGBA Format Support

Angular React Vue jQuery
EAP 23.1

As of now, the DevExtreme ColorBox accepts colors in 3- and 6-digit hexadecimal ("#F00", "#FF0000"), RGB ("rgb(255, 0, 0)"), and RGBA ("rgba(255, 0, 0, 1)") formats (as well as color names). We will add additional hexadecimal (with alpha channel 4- and 8-digit formats) to this list.

Angular React Vue
Work in Progress

We plan to extend our Responsive UI Template Gallery with the following capabilities:

  • Add new templates to address additional use cases common to many business-oriented applications.
  • Expose existing sub-components as building blocks within separate gallery sections, so that they can be easily reused in your applications.
  • Give you the ability to switch themes inside the UI Template Gallery application at runtime.

Security

Work in Progress

We will continue to focus on security-related matters and offer extended Content Security Policy (CSP) support in our components.

Accessibility

Work in Progress

We will continue to enhance accessibility support – including enhanced keyboard navigation and screen reader support.

TypeScript Support Enhancements

Angular React Vue
EAP 23.1 Work in Progress

We expect to incorporate the following enhancements for TypeScript developers:

  • Extended TypeScript support in React applications.
  • Simplify type imports in Angular, React, and Vue apps.
  • Enhance our documentation to better describe TypeScript-related features.