Создание пользовательской темы конструктора бизнес-приложений

В конструкторе бизнес-приложений используется тема «dba10» по умолчанию. Набор тем содержится в папке:

Тема состоит из следующих файлов:

Для создания пользовательской темы веб-приложения:

  1. Скопируйте существующую тему «dba10» и вставьте её в текущую папку с новым наименованием. Например, «custom_theme»:

При необходимости набор тем может содержаться в любой папке. Путь до папки с темами конструктора бизнес-приложений задаётся в файле config.json в поле customThemesPath.

  1. Создайте файл custom.css с пользовательскими настройками оформления в папке «custom_theme». При формировании настроек учитывайте стандартные правила CSS. Для определения конкретного элемента интерфейса бизнес-приложения используйте инструменты разработчика браузера.

  2. Откройте на редактирование файл конфигурации theme.json:

{
 "key": "custom_theme",
 "name": "Пользовательская тема",
 "platform": {
   "NavigatorBox": {
     "overrideStyles": true
   }
 },
 "customization": {
   "customCss": true
 }
}

Измените значения полей:

  1. Измените пиктограммы, содержащиеся в папке icons.

  2. Укажите ключ темы в файле config.json в поле themes:

"themes": ["custom_theme", "dba10"]

Первая тема используется по умолчанию.

  1. Перезапустите серверную часть конструктора бизнес-приложений.

  2. Очистите кеш браузера при необходимости.

После выполнения действий при открытии бизнес-приложения будет использоваться пользовательская тема.

См. также:

Вопросы и ответы