Documentation

Tabbar

CSS Image Map

css class Element
.webix_el_tabbar The whole tabbar. Since most of the time a number of ".webix_item_tabs" will be rendered on top of it, the most often visible part of ".webix_el_tabbar" is the ".webix_tab_more_icon" at the end of the tab strip.
.webix_tab_more_icon Icon at the end of the tab strip when there are more tabs to display than fit horizontally.
.webix_item_tab A tab in the tabbar.
.webix_item_tab.webix_selected The selected tab.
.webix_all_tabs All tabs in the tabbar. Displayed on top of the ".webix_el_tabbar" and under ".webix_item_tab" and ".webix_tab_filler".
.webix_all_tabs.webixtype_bottom All tabs in the tabbar of the "bottom" type
.webix_tab_filler Space between ".webix_item_tab"s and on the right and left ends of a top tabbar.
.webix_before_all_tabs A div before ".webix_el_tabbar". By default 100% wide and 1px tall.
.webix_after_all_tabs A div after ".webix_el_tabbar", separating it from the content below. By default 100% wide and 6px tall.

All the classes are applicable for both top and bottom tabbar except for:

  • .webix_all_tabs.webixtype_bottom - class specific to bottom tabbar only;
  • .webix_tab_filler - appears in the bottom tabbar only if total width of all tabs is less than available space.

Read more about Tabbar control.

Back to top