This is a control that adds a line separating items/groups of items from each other.

DHX Ribbon with separators

Adding Separator

A separator can be added between menu options:

    type:"navItem", value:"File", items:[
        { type:"menuItem", value:"Option 1" },
        { type:"menuItem", value:"Option 2" },
        { type:"separator"},
        { type:"menuItem", value:"Option infinite" }

Related sample:  Separator - DHTMLX Ribbon


Separator can have two attributes:

  • type - (string) the item type, set it to "separator". If not specified - the "navItem" type is applied by default.
  • id - (string) the ID of a control, automatically generated if you do not set it

Showing/hiding Separator

You can hide and show Separator with the methods of Ribbon:

Back to top