Skip to main content


This item takes space on the ribbon and is used for aligning controls.

DHX Ribbon spacer

Adding Spacer#

A new Spacer can be created with the help of the add() method of Tree Collection:{    type:"spacer"});

Related sample: Ribbon. Spacer


You can provide the following properties in the configuration object of a Spacer control.

Showing/hiding spacer#

You can hide and show Spacer with the methods of ribbon:;ribbon.hide(id);