DevExtreme Vue - What’s New in v20.1

The Diagram control was first introduced in May 2019 as a community technology preview (CTP). This update marks its official release. Its features include:

• 40+ Predefined Shapes (including collapsible shape containers and OrgChart shapes)
• Custom Shapes
• Bind to External Data
• Load / Save Diagram in the JSON Format
• Export to SVG, PNG and JPEG
• Auto Layout
• Templates
• Full Screen and Simple View Modes
• Read-Only Mode
• Configurable Page Settings
• UI Customization
• Support for Mobile Devices
• Localization

The File Manager was first introduced in May 2019 as a community technology preview (CTP). This update marks its official release.

Its features include:

• Configurable and Modular File System Providers
• File and Folder Editing
• Upload / Download Files
• Thumbnail and Details view modes
• Selection
• Progress and Status UI
• Toolbar and Context Menu
• File Upload Validation
• Responsive UI
• Touch Support
• Localization

The Gantt control was first introduced in October 2019 as a community technology preview (CTP). This update marks its official release.

Its features include:

• Data Binding
• Task, Dependency and Resource Management
• Change History
• Task Dependency and Parent/Child Relationship Validation
• Time Highlighting
• Context Menu and Toolbar
• Scroll and Zoom
• Configurable Task Appearance
• Localization

New Export to Excel API

This update marks the official release of our new Export to Excel API (based on the ExcelJS library). Features include:

• Customize Individual Cells via customizeCell Callback
• Column Band Export
• Cell Text Alignment, Wrapping and Font Settings
• DataGrid's Column Format Support
• Cell Image Export
• Excel-Inspired Column Filter
• Export Status Panel

Remote Validation Support

We have extended Asynchronous Validation Rule support in DataGrid/TreeList cells when using row and batch edit modes.

Custom Position of Chart Axes

You can now specify the X/Y offset for axes origin.

Polar Chart Annotations

Our Polar Chart now includes annotation support.

Hourly Repeating Events

DevExtreme Scheduler can now use hours to specify repeat intervals for an event (such as an event that repeats every 4 hours).

Adaptivity Enhancements

The DevExtreme Scheduler's Appointment Form was redesigned to better match screen size.

API Enhancements

This release includes a new 'allowEditingTimeZones' option. You no longer need to implement a custom 'onAppointmentFormOpening' event handler.

Multi-line Toolbar

You can now display HTMLEditor toolbar items across multiple lines. Turn-off the 'toolbar.multiline' option to disable this new option.

TreeView - Selection API Enhancements

• GetSelectedNodes - gets selected nodes.
• GetSelectedNodeKeys - gets selected node keys.

TreeView - Scrolling API Enhancements

The new 'scrollToItem' method allows you to scroll to a specified TreeView node.

Authentication UI Template

We've extended our Login Form template with a new Sign Up, Reset/Change Password form template. We've also implemented corresponding client-side API so you can integrate our forms with your backend authentication API.

Native React Scheduler - Resources and Grouping

We added resource support to our DevExtreme React Scheduler. Assign resources to appointments and visualize appointments grouped by resources or by dates.

Native React Grid - Export to Excel

You can now export the contents of the DevExtreme React Grid to Excel (including options to configure formatting).

Native React Grid - Scroll To Row

We introduced a new API that allows you to scroll DevExtreme React Grid content to a specific row.