Настройка темы Kendo asper Выбор пользовательской темы в Angular 2+ - PullRequest
Новая
       16

Настройка темы Kendo asper Выбор пользовательской темы в Angular 2+

0 голосов
/ 05 июня 2019

Я настраиваю сетку Kendo, стили которой должны меняться в соответствии с различными шаблонами.Здесь у меня есть файл -all.css (в nodemodule), который не совместим с такими переменными, как функция mat-color, для которой требуются переменные.

Ожидаемый результат: Стили Kendo Grid должны быть изменены в соответствии с темойустановка.Пожалуйста, объясните, как изменить переменные .scss в модуле узла значениями из папки приложения (это правильно? Я немного застрял в этом).

1 Ответ

1 голос
/ 13 июня 2019

После долгих консультаций и некоторых исследований - вот вывод, который изображает следующие шаги:

  1. Создайте новый файл kendo.scss в папке приложения.# #
  2. Разделите тематику Kendo (all.css) из папки nodemodule на новый файл таблицы стилей в папке приложения, изменив строку файла angular.json, вызывающую стиль kendo (замените all.css на kendo.scss для всех входных ссылок).

 "styles": [
              { //"input": "nodemodule/@progress/kendo-theming/all.css" to below
                "input": "src/app/theme/styles/_kendo.scss"
              },
Для их создания используйте переменные, указанные в ссылке ниже для настройки https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/customization/

Получив то, что я хотел.Если возникают какие-либо ошибки, придерживайтесь пункта 3 (который возникает из-за разницы в предоставленной переменной).

...