Last updated: 14-SEPTEMBER-2018

Layout Templates

Responsive Application Layout Templates for Angular and ASP.NET

We’ll ship ready-to-use application layout templates based upon DevExtreme responsive components. We'll also utilize Twitter Bootstrap where required. These templates will address the needs of LOB application developers.

Responsive Application Layout Templates | DevExpress


Improved Keyboard Navigation

This feature will be most useful for those who display Master-Detail relationships within the DevExtreme DataGrid (when you need to navigate through records and see details in a side-by-side view). Once implemented, you will be able to select a row with a mouse or keyboard (to navigate through rows).

DataGrid - Improved Keyboard Navigation | DevExpress


Data Export

In our first major release of 2019, we will give you the ability to export the contents of your TreeList control (export all or selected records) to XLSX files.

TreeList - Data Export | DevExpress

Pivot Grid

Remote Paging

We will extend the PivotGrid’s data layer so it can request only the data it needs for display within a page. This will improve performance for complex usage scenarios (lots of aggregated data).


Group by Date

Another planned improvement is the capability to group appointments by date.

Scheduler - Improved Grouping | DevExpress

Improved Recurrence Editor

We will extend the capabilities of our Recurrence Editor so that it can be customized and able to edit recurrence exceptions.


Sankey Chart

We plan to implement the Sankey Chart for visualizing data as flows or relationships between parts of systems. We expect the following features to be implemented:

  • Title and subtitle
  • Node alignment and reordering
  • Client-side exporting and printing
  • User interactions (hover, click)
  • Tooltip
  • Several predefined palettes, including a Material-style palette

Sankey Chart | DevExpress

Theme Customization

We will update our Charting library so you can customize its appearance via the DevExtreme Theme Builder.

Updating Data

We expect to support the following data update scenarios:

  • Append data to the end
  • Append and shift
  • Redraw from scratch

We will also make certain to include uninterrupted navigation during data updates (you can zoom, scroll and explore a chart while it is updated in the background) and give you the ability to jump to your new data and view it in real-time.

Based on feedback, we will also give you the ability to specify independent data sources for each chart series in v19.1 release.

Zoom/Scroll Enhancements

In our second release of 2018, we will refine our JavaScript Charting library to support the following:

  • Value-axis Zooming: You will be able to zoom a chart by its Value-axis.
  • Area Zooming by Mouse Selection: You will be able to select the desired area using your mouse (or via a gesture on touch devices).
  • Interactive Zooming & Scrolling: At present, a chart is updated only when you complete zooming/scrolling operations. We will improve our Charting library to support continuous updates during zooming/scrolling operations.
  • Save zoom level on data updates.
  • Scroll/Zoom to areas without data.

Charting - Zoom/Scroll Enhancements | DevExpress

UI Widgets

Formatted Text Editor (HTML Editor)

We expect to ship our JavaScript Formatted Text Editor in our second major release of 2018. This UI widget will allow you to change text styles, create lists and add hyperlinks and images. We will support HTML and Markdown target formats. Basic features will be available out-of-the-box and extension will be possible via the widget’s public API.

Formatted Text Editor (HTML Editor) | DevExpress

Drawer Widget

We are planning to include the new Drawer widget in v18.2. This widget can be used to create responsive and themeable web application layouts. You will be able to use different drawer configuration options depending on the screen size or orientation. For instance, you can implement a persistent navigation pane for desktop applications, and a temporary pane for mobile phones.

Date Box Masked Input

Last year, we added masked input support to our Number Box widget. In our second major release of 2018, we will extend this functionality to our Date Box widget. This will allow you to control user input as needed.

UI Widgets - DateBox Masked Input | DevExpress

Realtime UI Updates for DataGrid, TreeList, Scheduler and Charts

We will deliver a solution to address the needs of those who are building apps that must display/render real-time data. Ultimately, we want to integrate with your SignalR server (or any other notification service) more seamlessly. There are two groups of usage scenarios we expect to implement:

  • Real-time updates (static read-only widget updates)
  • Team collaboration (simultaneous data editing by multiple people)

Data Export Customization Improvements

We will extend the capabilities of our data export engine so you can:

  • Embed custom titles and footers in the exported document
  • Control the appearance of exported data (font, background color, etc.)

We will also refactor code so as to improve performance when exporting a large amount of data.

Data Export Performance Improvements

We will refactor code so as to improve performance when exporting a large amount of data.


CLI Tools for Creating DevExtreme Applications

With v18.2 release, we will provide the new npm package `devextreme-cli` with a set of command-line tools. The `new` command is based on Angular CLI and Angular Schematics and will bootstrap a new DevExtreme Angular application.

CLI Tools for Building New Themes

DevExtreme CLI will also contain commands to work with ThemeBuilder: `build-theme`, `export-theme-vars` and `export-theme-meta`. It will give you the capability to create a custom theme while building your application or get theme constants for future usage.

ThemeBuilder UX Improvements

We are working on a new ThemeBuilder UI that will simplify user experience and support the new theming capabilities such as color swatches.

 | DevExpress


Color Swatches

We are going to provide a capability to produce color swatches — secondary color schemes to be used along with the primary scheme. You will be able to generate color swatches in our ThemeBuilder tool and upcoming ThemeBuilder CLI.

React: Native Components and Wrappers

React Grid Fixed Columns/Rows

We will extend the capabilities of our VirtualTable plugin for the DevExtreme React Grid. This will allow you to fix individual columns to either the left or the right side of the grid.

React Grid - Fixed Columns/Rows | DevExpress

Native React Scheduler Component

In our second release of 2018, we’ll ship the first iteration of our native React Scheduler/Calendar control. Features will include the following:

  • Day, Week, Month View
  • Appointment/Event grouping by resources
  • Date Navigator
  • Draggable/resizable appointments
  • Recurring appointment support

Native React Scheduler Component | DevExpress

Native React Chart Component

Much like our React DataGrid implementation, our React Chart component will be composable, extensible and plugin-based. We will ship the following chart types in the first major release of 2018 as a CTP:

  • Bar chart
  • Line (Curves) chart
  • Area chart
  • Scatter chart
  • Pie chart
  • Stacked chart

Native React Chart Component | DevExpress

Also, we are working on several features that will be available until the end of year:

  • Logarithmic and exponential axes
  • Improved color (palette) management
  • Animations
  • Interactive features: hovering, selection and tooltips

The long-term plans for Native React Charts include the following:

  • Bubble and Financial series types
  • Additional interactive features: cross-hair support, scrolling and zooming
  • Data aggregation

DevExtreme Widget Wrappers

As you may know, we released our native React DataGrid late last year and are currently building native Scheduler/Calendar and Chart widgets for React. Though we expect to deliver additional native React products, we felt that it was important to offer an intermediate solution to those of you who have chosen React as your preferred platform.

As such, we will wrap all existing DevExtreme JavaScript widgets into React components.

Vue: Native Components and Wrappers

Native Vue DataGrid

Our native Vue DataGrid will mirror many of the features found in its React counterpart.

Native Vue Scheduler/Calendar

Our native Vue Scheduler component will mirror many of the features found in its React counterpart.

Native Vue Chart Component

Our native Vue Charting library will mirror many of the features found in its React counterpart.

DevExtreme Widget Wrappers

We will wrap all existing DevExtreme widgets into Vue components.