Skip to main content


defines whether the width of tabs is automatically adjusted to the width of the tabbar container

tabAutoWidth?: boolean;


var tabbar = new dhx.Tabbar("tabbar_container", {    views:[        { tab: "left", css:"panel flex", header:"Left"},        { tab: "west", css:"panel flex", header:"West"},        { tab: "east", css:"panel flex", header:"East"},        { tab: "right", css:"panel flex", header:"Right" }    ],    tabAutoWidth: true, /*!*/    mode: "bottom"});

Related sample: Tabbar. Tab auto width


The property can be applicable when mode is set to "top" or "bottom".

Change log:

added in v7.0