DHTMLX Suite 8.0

Released on February 24, 2023

New functionality

Common features

• Accessibility support

Styling

• New "light", "contrast-light", "dark", "contrast-dark" color themes
• The ability to change base themes or configure your own color theme
• Theme configurator

Chart

• Calendar heatmap chart (Pro version)
• The ability to export the Chart data to PDF and PNG (Example)

Colorpicker

• New beforeChange event

Combobox

• New beforeChange event

Form

• New beforeChange event

Form controls

• New events:
  • Datepicker beforeChange event
  • Checkbox beforeChange event
  • CheckboxGroup beforeChange event
  • Colorpicker beforeChange event
  • Combo beforeChange event
  • Input beforeChange event
  • Radiogroup beforeChange event
  • Select beforeChange and beforeChangeOptions events
  • Slider beforeChange event
  • Textarea beforeChange event
  • Timepicker beforeChange event

Grid

• Now the user can clear date values in the cell
• The ability to configure drag-n-drop of multiple rows (Pro version)
• The ability to control the process of data filtering (new beforeFilter event)
• Now the sorting icon will also appear after sorting data via the data.sort() method
• The ability to configure the datePicker editor of a cell by passing most of properties of DHTMLX Calendar to the columns.editorConfig property
• The ability to fix bottom rows and right columns using the corresponding bottomSplit and rightSplit properties (Example)

Layout

• The ability to show a progress bar for empty cells by default (new progressDefault property of a Layout cell)
• The ability to hide/show a progress bar via API calls:
  • new methods of Layout: progressShow() and progressHide()
  • new method of a Layout cell: progressShow() and progressHide()
• The ability to detach a component or HTML content from a cell (new detach() method of a Layout cell)

Message

• The ability to close a message box (new close() method)
• The ability to set margin between the node and tooltip (new margin property of the tooltip)

Slider

• New beforeChange event

Timepicker

• New beforeChange event

Toolbar

• DatePicker control. The ability to let the user enter the date via the input (new editable property)
• DatePicker control. New properties: valueFormat, disabledDates, mark, mode, thisMonthOnly, timeFormat, timePicker, weekNumbers, weekStart
• The ability to set focus on an Input (new setFocus() method)

TreeCollection

• New beforeItemLoad and afterItemLoad events

TreeGrid

• The ability to control the process of data filtering (new beforeFilter event)
• The ability to configure the datePicker editor of a cell by passing most of properties of DHTMLX Calendar to the columns.editorConfig property
• The ability to fix bottom rows and right columns using the corresponding bottomSplit and rightSplit properties (Example)

Updates

Combobox

• The addOption() method is updated (new join parameter)

Form

• New id parameter is added for Form events: afterHide, afterShow, beforeHide, beforeShow

Form. CheckboxGroup control

• Now it is possible to hide/show not only the whole control but also its separate checkboxes:
  • new id parameter is added for CheckboxGroup methods: hide() and show()
  • new id parameter is added for CheckboxGroup events: afterHide, afterShow, beforeHide, beforeShow
• Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate checkboxes:
  • new id parameter is added for CheckboxGroup methods: enable(), disable(), isVisible(), isDisabled()

Form. Container control

• The value parameter is removed from Container events: afterhide, aftershow, beforehide, beforeshow

Form. RadioGroup control

• Now it is possible to hide/show not only the whole control but also its separate radio buttons:
  • new id parameter is added for RadioGroup methods: hide() and show()
  • new id parameter is added for RadioGroup events: afterHide, afterShow, beforeHide, beforeShow
• Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate radio buttons:
  • new id parameter is added for RadioGroup methods: enable(), disable(), isVisible(), isDisabled()

Form. Select control

• Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate radio buttons:
  • new value parameter is added for Select methods: enable(), disable(), isDisabled()

Form. Spacer control

• The value parameter is removed from Spacer events: afterhide, aftershow, beforehide, beforeshow

Grid/TreeGrid

• The getHeaderFilter() method is updated. Now the method returns an object with a set of methods: blur(), clear(), focus(), getFilter(), setValue(). Check the Migration article
• Now the sorting icon will also appear after sorting data via the data.sort() method

Message

• The position property of the tooltip is extended by the "left" and "top" values