css

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

string|object css;

Example

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

Related samples

Details

Setting the parameter, for example, to the "myClass" value will produce HTML like this:

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

css can also be an object with styles:

webix.ui({
    view:"dataview",    // any component
    css:{"font-style": "italic"},
    ...
});

This will produce HTML with a CSS class with an auto-generated name.

Note that for some components you will need to add !important to CSS rules to override the default ones.

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

Dark theme

You can redefine the default style of Toolbar and apply the dark theme via the css:"webix_dark" configuration option within the Material or Mini skin:

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.