имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
<style>
.myClass {
font-style: italic;
}
</style>
webix.ui({
css:"myClass",
view:"dataview", // любой компонент
...
});
Если присвоить этому параметру значение "myClass", например, то для компонента будет сгенерирован примерно такой HTML:
<div class='myClass'>...</div>
css можно также задать объектом со стилями:
webix.ui({
view:"carousel",
css:{
"font-style": "italic",
// другие стили
},
...
});
Тогда верхнему HTML контейнеру карусели будет присвоен CSS-класс с автоматически сгенерированным именем.
Иногда вам придется добавлять к правилам !important
, чтобы перебить правила по умолчанию:
webix.ui({
view:"carousel",
css:{"background":"#ccc !important"}
...
});
В Material и Mini скинах карусель может быть еще и темной, если вы добавите css:"webix_dark" ей в настройки:
webix.ui({
view:"carousel",
multi:true,
css:"webix_dark", cols:[ //or rows
{ header:"col 1", body:"content 1" },
{ header:"col 2", body:"content 2" }
]
});
Related sample: Carousel Dark Style
Если у вас уже задано свойство css с именем произвольного класса, поставьте после него пробел и добавьте webix_dark.