Добрый день.
Есть datatable, ниже его связанная форма. Как сделать фон формы таким же, как фон хедера у datatable? Нужен именно цвет хедера, чтобы при смене темы использовался соответствующий цвет.
Пробовал у формы прописать css=“webix_ss_header” - не работает. Цвет меняется, если указать его так: css: {“background-color”:“green !important”}, без !important тоже не работает!
P.S. похожая тема есть, но там не открывается snippet
Здравствуйте, @pnk!
Для решения данной задачи необходимо создать несколько css-файлов с необходимыми Вам стилями для каждой темы и заменять их вместе с темами, поскольку каждая тема подключается как отдельный css-файл. webix.css и webix.min.css это Material skin - вместо него из папки codebase/skins в пакете будет необходимо выбрать другой, Ваш собственный).
В исходном коде Webix (папка sources) стили хранятся в less-файлах. Основные цвета для каждой темы хранятся в config.less в соответствующей папке (можно переносить их в проект оттуда).
Спасибо. Но Ваше решение слишком громоздко и не совсем универсально.
Выкрутился по другому:
const style=window.getComputedStyle(document.getElementsByClassName('webix_ss_header')[0] )
const color = style.backgroundColor;
$$("form1").define("css", {"background-color":`${color} !important`});
https://snippet.webix.com/rc5zhxlz
Работает для любых тем, в том числе и кастомных.