Check documentation for the latest version of dhtmlxSuite Separator Control DHTMLX Docs

Separator Control

a horizontal (on the main toolbar pane) or vertical (on the Select Button's drop-down pane) line separating groups of items from each other:

Adding Separator

A new Separator can be created by calling the addSeparator method:

myToolbar.addSeparator(id, pos);

This method has two input parameters:

  • id - id of the item;
  • pos - position of the new separator.

Related sample:  Separator creation

Showing/Hiding Separator

The following methods that are available for the Button item, can be applied to the Separator as well:

  • toolbar.showItem(id);
  • toolbar.hideItem(id);
  • toolbar.isVisible(id).

Related sample:  Separator manipulation

All the parameters of the above mentioned methods are the same to those described in Button Settings Manipulations section.

Back to top