Separator

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

Sidebar Separator lines dividing navigation items with icons in DHTMLX Suite

Add Separator

Use the add() method of TreeCollection to add a Separator control to a sidebar:

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

Related sample: Sidebar. Separator

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

The show() and hide() methods of Sidebar show and hide a Separator control by its ID:

sidebar.show(id);
sidebar.hide(id);

Check the full list of operations in the Sidebar API and the TreeCollection API.