Sidebar CSS

Webix Sidebar basic use

webix.ui({
    view: "sidebar",
    collapsed:true   
});

Webix Sidebar collapsed

Класс CSS Элемент
.webix_tree.webix_sidebar.webix_sidebar_right.webix_sidebar_expanded развернутый правосторонний сайдбар
.webix_tree.webix_sidebar.webix_sidebar_left.webix_sidebar_expanded развернутый левосторонний сайдбар
.webix_tree.webix_sidebar.webix_sidebar_right свернутый правосторонний сайдбар
.webix_tree.webix_sidebar.webix_sidebar_left свернутый левосторонний сайдбар
.webix_tree_item элемент сайдбара
.webix_sidebar_icon иконка навигационной панели
.webix_sidebar_dir_icon.webix_icon.wxi-angle-left иконка свернутой ветки
.webix_sidebar_dir_icon.webix_icon.wxi-angle-down иконка развернутой ветки
.webix_tree_leaves все ветки определенного уровня
.webix_tree_branch_{N} элемент N-ого уровня
.webix_window.webix_popup.webix_sidebar_popup всплывающее окно
.webix_popup_sidebar_left попап левостороннего свернутого сайдбара
.webix_popup_sidebar_right попап правостороннего свернутого сайдбара
.webix_menu.webix_sidebar_popup_list выпадающий List CSS свернутого сайдбара
.webix_sidebar_popup_title название выпадающего списка

Подробнее о компоненте Sidebar

Наверх