Spacer

The Spacer control adds empty space on the sidebar and helps you align controls.

Sidebar Spacer adding empty space between navigation items in DHTMLX Suite

Add Spacer

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

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

Related sample: Sidebar. Spacer

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

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

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

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