the name of a CSS class(es) applied to Tabbar

string css;


    .my_first_class {
        /*some styles*/
    .my_second_class {
        /*some styles*/
var tabbar = new dhx.Tabbar({
    css:"my_first_class my_second_class"

Related samples


The DHTMLX library provides a set of CSS classes that you can apply to change appearance of Tabbar.

var tabbar = new dhx.Tabbar({

List of CSS classes

  • dhx_widget--bg-white - Sets white background to a widget

  • dhx_widget--bg_gray - Sets gray background to a widget

  • dhx_widget--bordered - Sets borders on all sides of a widget

  • dhx_widget--border_top - Sets a border on the top side of a widget

  • dhx_widget--border_bottom - Sets a border on the bottom side of a widget

  • dhx_widget--border_left - Sets a border on the left side of a widget

  • dhx_widget--border_right - Sets a border on the right side of a widget

  • dhx_widget--border-shadow - Adds a shadow border to a widget

  • dhx_widget--no-border_top - Removes the top border of a widget

  • dhx_widget--no-border_bottom - Removes the bottom border of a widget

  • dhx_widget--no-border_right - Removes the right border of a widget

  • dhx_widget--no-border_left - Removes the left border of a widget

Back to top