Separator

The Separator control displays a line between items or groups of items.

Ribbon with vertical separators dividing grouped button sections in DHTMLX Suite

Add Separator

Use the add() method of TreeCollection to add a separator between Ribbon controls:

ribbon.data.add({
    type:"separator"
});

Related sample: Ribbon. Separator

Check the list of properties that you can set in the configuration object of a Separator control.

Use the methods of Ribbon to show and hide a Separator control by its ID:

ribbon.showItem(id);
ribbon.hideItem(id);