Skip to main content

Toolbar

Toolbar is a top part of Editor that helps to control the editing process and can look like:

Default toolbar

By default, the toolbar contains the following controls:

  • reset - to reset all the applied changes to the previous state. The control works in tandem with the resetButton event;
  • apply - to apply changes made in the editor to the diagram. The control works in tandem with the applyButton event;
  • historyManager - to undo and redo changes;
  • export - to export the data of the diagram to the JSON format. The control works in tandem with the exportData event;
  • import - to import the data from a JSON file to the diagram. The control works in tandem with the importData event;
  • autoLayout - to arrange diagram shapes and connectors in the hierarchical structure automatically. The control works in tandem with the autoLayout event;
    It works only in the default mode of Diagram and does not work if you use groups or swimlanes;
  • editManager - to hide and show the panels of the editor. The control works in tandem with the visibility event;
  • scale - to zoom a diagram in the editor in and out. The control works in tandem with the zoomIn and zoomOut events.

Custom toolbar

You can change the structure of the toolbar via the controls configuration property of the editor. Using the property you can define which controls to show/hide in the Editor.