css

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

string|object css;

Example

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

Related samples

Details

Если задать название класса "myClass", для компонента сгенерируется HTML следующего вида:

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

css можно также задать как объект со стилями:

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

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

Обратите внимание, что для некоторых компонентов необходимо добавлять !important к CSS-правилам, чтобы переопределить правила из webix.css.

webix.ui({
    view:"toolbar", // или другой компонент
    css:{"background":"#ccc !important"}
    ...
});

Тёмная тема

Чтобы применить тёмную тему к Toolbar, используйте опцию css:"webix_dark" в рамках темы Material или Mini:

Toolbar Dark Theme

webix.ui({
    view:"toolbar", 
    css:"webix_dark",      cols:[//buttons objects]
});

Related sample:  Toolbar: Dark Theme

See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix javascript dashboard framework and page of toolbar js product.