DevExpress DevExtreme 17.2.3.17339

DevExtreme 17.2.3.17339: A Powerful JavaScript UI Library for Web Development

DevExtreme is a collection of high-performance and responsive UI components for use in traditional web and next-gen mobile applications[^3^]. It supports popular frameworks such as Angular, React, Vue and jQuery, and provides a rich set of features for data visualization, data grid, data editors, and more.

In this article, we will explore some of the new features and enhancements that DevExtreme 17.2.3.17339 offers to web developers.

New Color Schemes for the Generic Theme

DevExtreme 17.2.3.17339 introduces five new color schemes for the Generic theme: Soft Blue, Carmine, Green Mist, Dark Violet, and Dark Moon[^2^]. These color schemes allow you to change your entire application's color palette by applying one of them to your DevExtreme widgets.

To use a color scheme, you need to include the corresponding CSS file in your HTML page and set the 'globalTheme' option to 'generic' in your JavaScript code.

DevExpress.config({

globalTheme: 'generic'

});

</script>

React Grid (Beta) Enhancements

DevExtreme React Grid is a lightweight grid component built on top of React that offers blazing fast performance and easy integration with Material UI[^2^]. It supports features such as sorting, filtering, grouping, paging, editing, and more.

In DevExtreme 17.2.3.17339, the React Grid component has been enhanced with the following new features:

Column Reordering: You can drag and drop columns to change their order in the grid.

Column Resizing: You can resize columns by dragging their edges.

Keyboard Navigation: You can navigate through grid cells using the arrow keys, and perform actions such as sorting, filtering, editing, etc. using the Enter key.

Column Chooser: You can show or hide columns using a pop-up panel that displays a list of available columns.

Localization: You can localize grid texts using the 'messages' property of the Grid component.

Data Formatting and Custom Data Accessors: You can format cell values using the 'format' property of the TableColumn component, and access custom data fields using the 'getCellValue' property of the Grid component.

Data Visualization Features

DevExtreme 17.2.3.17339 also brings new features and improvements to its data visualization components, such as Chart, Pivot Grid, Scheduler, and Funnel[^2^]. Some of the highlights are:

Funnel / Pyramid Chart: A new widget that allows you to create funnel and pyramid charts for use within your HTML5-JavaScript applications.

Chart Axis - Scale Breaks: A feature that allows you to improve chart readability by applying scale breaks to axes with large value ranges.

Chart Axis - Tick Mark Generation: A feature that allows you to customize tick mark generation logic for numeric and date-time axes.

Date-Time Axis - Exclude Weekends and Holidays: A feature that allows you to suppress weekends and holidays on the chart's arguments scale.

Pivot Grid - Column Header Filter and Field Chooser Search Panel: A feature that allows you to search through header filter values and field chooser items using a search box.

Scheduler - Display Multiple Days, Weeks, or Months in a View: A feature that allows you to specify the number of days, weeks or months to display within the Day View, Week View and Month View respectively.

Scheduler - Compressed Appointment Display Option: A feature that allows you to limit the number of simultaneously displayed appointments in a single cell or a single all-day panel.

Conclusion

DevExtreme 17.2.3.173 061ffe29dd