Professional Documents
Culture Documents
Whatsnew
Whatsnew
Whatsnew
1 (December 7, 2021)
---------------------------------
### API
### Updates
### Fixes
### Fixes
### API
### Updates
### Fixes
- TypeScript Support
- New type of dhtmlxDiagram is added: Mind Map
- New CSS template for DHTMLX Diagram
- The ability to configure the direction of the child shapes relative to the root
shape in Mind Map via the typeConfig configuration property of the diagram object
- The ability to add custom event handlers for custom shapes via the
"eventHandlers" attribute of the addShape() method
- The ability to customize the toolbar for editing shapes in Diagram, Org Chart,
and Mind Map Editors
- New events of the Diagram Editor object: BeforeShapeIconClick and
AfterShapeIconClick, BeforeShapeMove and AfterShapeMove
- New events of the Org Chart Editor object: BeforeShapeIconClick and
AfterShapeIconClick, BeforeShapeMove and AfterShapeMove
- The ability to cancel sending CSS styles to the export service via the
exportStyles configuration option of the diagram object
### Updates
- The type configuration property of the diagram object is updated: new "default"
and "mindmap" values are added
- The collapseItem and expandItem method are updated: the second "dir" parameter is
added
- The BeforeCollapse, AfterCollapse, BeforeExpand and AfterExpand events are
updated: the second "dir" parameter is added
### Fixes
- Fix the issue with the selection module for all types of dhtmlxDiagram
- Fix the issue with the scroll of the diagram when applying the "showItem()"
method to the scaled diagram
- Fix the incorrect work of DOM Parser with HTML templates
- Fix the issue that caused the root shape to be collapsed after collapsing any
child shape
- Fix the issue with formatting of the shape text
- Fix the issue that appeared after adding long text into the textarea field of the
right panel of the editor
- Fix the issue with adding of special chars to the text of custom shapes
- Fix the issue with warnings shown in the console for custom shapes
- Fix the script error thrown after deleting the root shape in the editor
- Fix the issue with the error shown in the console after applying the "Auto
Layout" button in Diagram Editor when the editor is not configured
- Fix the issue that caused the type of the shape outline not to be applied after
its changing in Diagram Editor
- Fix the issue with tracking of the shape parameters in the right panel of Diagram
Editor
- Fix the issue with removing focus from the shape in Diagram Editor
- Fix the issue with setting connectors between the shapes in the necessary order
in Diagram Editor
- Fix the incorrect work of the "Ctrl+A" combination in Org Chart Editor
- Fix the issue that caused the shapes to be pasted without connectors when the
connected shapes are copied
- Now there is no the ability to remove the root shape from Org Chart Editor using
keyboard navigation
### Fixes
- Fix the incorrect behavior of the shape selected in Diagram Editor when working
with the input field on the page
- Fix the issue that caused a collapsed/expanded item not to work with its parent
- Fix the incorrect work of the showItem() method when the child item is hidden
### Updates
- The new "UndoButton" and "RedoButton" events are available in Diagram Editor
- Images now are converted to the base64 format before sending to the Export module
### Fixes
### Fixes
- Fix issue with import data from JSON to Org Chart Editor
- Fix the incorrect work of the addShape() method while configuring Right Panel
- Improved behavior of historyManager in Editors (Undo/Redo buttons)
### Fixes
- New autoPlace method and autoplacement property are added for auto-arranging
connected diagram shapes in the hierarchical structure
- Ability to set the default configuration of a shape
- The addShape method for creating custom shapes in Diagram and Org Chart is added
- Ability to create custom shapes in Diagram Editor and Org Chart Editor via the
addShape method of Diagram
- New configuration properties of Diagram Editor: defaults, shapeSections,
shapeBarWidth, scalePreview, scale, gapPreview, controls
- New configuration property of Org Chart Editor: defaults, scale, controls
- The Grid Step sidebar option is added to Diagram and Org Chart editors
- Ability to hide/show any toolbar button of Editors as well as the Grid Step
sidebar option via the controls configuration property
- Ability to specify sidebar options for editing custom properties in the right
panel of Diagram Editor and Org Chart Editor via the properties attribute of the
addShape method
- Ability to create sections for structuring shapes in the left panel of the
diagram editor
- Possibility to customize the appearance of shapes rendered in the left panel of
Diagram Editor via the preview property of the defaults attribute
- Ability to select, copy, paste, delete, move several shapes in Diagram Editor and
Org Chart Editor
- Ability to select and delete several connectors in Diagram Editor
- Ability to import data from a JSON file to a diagram or org chart editor via the
"Import Data" button
- The destructor method is added
### Updates
### Fixes
- Ability to create custom types of shapes for Diagram and Org Chart via using SVG
and HTML templates
- Ability to build mixed diagrams and org charts
- Ability to export data from the Diagram Editor and Org Chart Editor to the JSON
format
- The showExport option and ExportData event are added in Diagram Editor and Org
Chart Editor
### Fixes
- Fix issue with exporting a diagram into the PDF and PNG formats
- Fix incorrect work of the mouse events
- Fix issue with deleting child shapes in org charts
- Fix the incorrect work of the right and left panels in Diagram Editor
- Fix issue with auto-generating of the unique id's of shapes and connectors
### Fixes
### Updates
- The API structure was totally reorganized and improved to simplify work with it.
Follow the [Migration](https://docs.dhtmlx.com/diagram/migration/#11---20) article
to learn all the changes.
### Updates
### Updates
- Organogram mode
- Vertical and horizontal autoplacement strategies
- Loading data from JSON
- API to manage data and branch state