Migration to Newer Versions

2.2 -> 3.0

Creating Custom Shapes

The way of creating custom shapes in Diagram and Org Chart has been changed, simplified and improved.

Starting from v3.0, in order to create your own types of shapes, the new addShape method should be used instead of the diagram.flowShapes object. The method provides you with the ability to create HTML templates that will work in different browsers. Besides, the method allows creating and editing custom shapes in Diagram and Org Chart Editors.

Despite the diagram.flowShapes object has been deprecated, it will still continue working.

Toolbar buttons in Editors

Before version 3.0 you were able to show/hide toolbar buttons in Diagram and Org Chart editors via the related showApply, showReset, showExport configuration properties of the Editors.

In the version 3.0 these properties are deprecated and removed. Instead, the controls config property that contains a set of control_name:value pairs is added. Thus, the properties are replaced with:

  • showApply -> controls.apply
  • showReset -> controls.reset
  • showExport -> controls.export
var editor = new dhx.DiagramEditor(document.body, {
    controls: { 
        apply: false,
        reset: false,
        export: true

To enable/disable a toolbar button you need to specify the value of the control to true (by default) or false.

See the full lists of the available controls in the Diagram Editor and Org Chart Editor articles.

1.1 -> 2.0

Removed API

  • diagram.eachChild

Changed API

Back to top