css

the name of the CSS class or the object with styles that will be applied to the view container

string|object css;

Example

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

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 Accordion by applying the dark theme via the css:"webix_dark" configuration option within the Material or Mini skin:

Accordion Dark Theme

webix.ui({
    view:"accordion",
    multi:true,
    css:"webix_dark",     cols:[ //or rows 
        { header:"col 1", body:"content 1" }, 
        { header:"col 2", body:"content 2" }
    ]
});

Related sample:  Dark Accordion

See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix popular javascript framework and page of accordion js product.