Deliver amazing mobile and desktop experiences.
An HTML/JS Data Grid, with powerful data-shaping options. Like all DevExtreme widgets, HTML5 Data Grid provides straightforward configuration options and API so you can deliver your very best in the shortest possible time.Blog Post Documentation Video
Allows end-users to select a color from a list. Supports alpha channel.Documentation Video
Calendar allowing end users to select the required date.Documentation Video
Horizontally or vertically oriented menu that supports as many submenu levels as needed.Documentation Video
Popup menu that provides extended options for the end-user in the current context. This menu is invoked by right clicking an associated element, as well as on a long tap or on custom actions.Documentation
A widget that is used to display contents of the specified container and switch between several containers.Documentation
CSS Theme Builder
Beautiful apps, your way.
With this release, the themes supplied with DevExtreme can be customized using an online Theme Builder. Whether you run it on your server or locally the CSS Theme Builder allows you to change colors and the base font in a theme.Blog Post Documentation
The DevExtreme Mobile Framework, UI and visualization widgets now support right-to-left text direction. Applications built using the DevExtreme Framework and websites based on DevExtreme widgets can incorporate right-to-left reading order, mirroring of UI elements and reversed transition animation.Documentation
HTML5 Widget Enhancements
We have extended the appearance customization capabilities of our widgets. You can now specify the target platform for the dxTemplate markup option, which allows widgets to incorporate a separate template for each platform.
- With this release, we have added item reordering capabilities to the List widget. End-users can now drag an item and drop it onto the desired position within the list. Moving items programmatically is also available.
- A context menu can be displayed for any list item.
We have extended HTML5 Selectbox functionality by introducing multi-selection mode. End-user can now select multiple items simultaneously.
The Slider and RangeSlider widgets can display additional information for a handle or label within the corresponding tooltip.
The NavBar widget can mark out the required item with a vivid badge.
The NumberBox widget now incorporates spin buttons, allowing an end-user to specify a widget value without using a keyboard.
This widget now supports an indeterminate state, applied if the widget value is undefined.
A "calendar" type for the HTML5 DateBox widget simplifies date selection. The end-user can now specify dates using a drop-down calendar.
Widgets have been rethought and reworked internally. As a result, you will experience performance improvements when using DevExtreme UI widgets across your mobile apps and websites.
- Support for touch gestures (swiping, scrolling, etc.) has been improved as a result of the newly introduced gesture event manager.
- List widget scrolling is now smoother, especially on Android and Windows Phone devices.
- List widget rendering and animation in edit mode has been improved.
- Slider widget animations are now smoother due to CSS3 transitions.
- The Gallery, SlideOut, Pivot, Panorama widgets slide better due to the caching of required DOM-element dimensions.
HTML5/JS Application Framework
- With this release, DevExtreme displays newly rendered views up to 30% faster by disposing views asynchronously.
- Performance across applications with a large number of cached views or very large view DOM size has been significantly improved.
You can now define different view HTML templates for portrait and landscape device orientations. A corresponding view template will be applied based upon current device orientation.Documentation Video
DevExtreme applications can now better adapt to tablet device orientation due to the newly introduced Split layout for iOS, Android and Windows Phone 8. In this layout, there are two panes on-screen: a "master" pane and a "detail" pane. A "master" pane usually presents a list of items. A "detail" pane presents detail information on the item selected in the "master" pane. When defining application views, you just denote the views that is to be displayed in the "detail" pane.Documentation Video
Visual Studio Integration
With this release, we've simplified the process of adding commands to views in applications built using the DevExtreme Mobile Framework. You can now use the 'Add Command' dialog within the View Designer. This dialog allows you to add a command specifying an identifier and a command container for it. In addition, you can invoke this dialog repeatedly to edit mapping settings for a command.Documentation
In the Property Grid, object arrays (like "series" in dxChart or "items" in dxList) can now be set using the Collection dialog.
Now the Cordova library version 3.3 is integrated into the DevExtreme application template and used to build iOS, Android and Windows Phone 8 packages.
HTML5 Data Visualization
The HTML5 Pie Chart widget is now able to display only Top N values and aggregate the rest into one segment.Demo
You can now group small values and display their sum as one segment.Demo
Both the Chart and Pie Chart widgets now support adaptive layout of their elements. When resizing a page with a chart, elements such as a legend, title, axis labels, etc. may be hidden in order to maintain the maximum possible size of displayed data.
- The Vector Map widget now supports double touch gesture to zoom a map twice.
- The Vector Map’s API has been extended. New methods have been added to manage a map's zoom and centering options.
- Additional marker types are now available.
When the number of series displayed in a range selector’s scale changes during the widget’s lifecycle, define a template for the series. All series from the data source will be displayed in the same manner. Individual series customization is supported.
You can now use a logarithmic scale to help visualize datasets with rapidly-increasing values. You can choose a base for the logarithm so that generated scale ticks provide the most effective display of information.
ChartJS provides additional information when errors and warnings are encountered. In the browser's console, you will be able to learn the identifier of the error/warning and follow the provided link. This link navigates you to the documentation that describes the error/message and provides appropriate recommendations.
Learn More Details
To learn detailed information on new features and resolved issued, refer to the What’s New in 14.1 list.