css

имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями

Example

<style>
.myClass {
    font-style: italic;
}
</style>

webix.ui({
    css:"myClass",
    view:"dataview",    // любой компонент
    ...
});

Related samples

Если присвоить свойству строку типа "myClass", верхний HTML-элемент компонента будет выглядеть примерно так:

<div class='myClass'>...</div>

css также может быть объектом:

webix.ui({
    view:"sidebar",
    css:{"font-style": "italic"},
    ...
});

В этом случае имя CSS-класса будет сгенерировано автоматически.

Для некоторых компонентов придется добавить к правилам !important, чтобы перебить правила по умолчанию.

webix.ui({
    view:"toolbar", // or other components
    css:{"background":"#ccc !important"}
    ...
});

Темная тема

В скинах Material и Mini сайдбар может быть светлым и темным. Чтобы сделать его темным, добавьте css:"webix_dark" в его настройки:

webix.ui({
    view: "sidebar",
    css:"webix_dark",     data: menu_data
});

Related sample:  Inverted Sidebar

Related sample:  Sidebar: Inverted Multi Level

Наверх