Общие сведения

Раздел "Оформление" содержит глобальные темы, которые влияют на оформление приложения (в отличие от тем проектов).

Раздел доступен только администраторам и суперпользователям.


Окно «Глобальные темы»

Настройка глобальной темы

Для добавления новой глобальной темы необходимо нажать на кнопку «Добавить» над списком тем. После нажатия откроется окно создания глобальной темы:


Добавление глобальной темы

Окно «Редактирование темы» состоит из следующих полей и пространств:

  • Поле «Название»:
    Поле является обязательным для заполнения. Поле предназначено для ввода названия темы.
  • Поле «Описание»:
    Поле не является обязательным для заполнения. Поле предназначено для ввода описания темы.
  • Поле «Название системы»:
    Поле не является обязательным для заполнения. Поле предназначено для ввода названия системы. Введенное значение в поле будет отображаться в качестве названия системы на вкладке в браузере .

  • Пространство для ввода CSS-кода:
    Поле предназначено для написания кода CSS.

    Пример
    // цвет фона виджета
.color_widgets {
 color: #fff
}
...

  • Пространство для ввода JavaScript-кода.
    Поле предназначено для написания кода JS.

    Пример
    (function() {
// ваш код
})();

Для создания глобальной темы необходимо загрузить следующие файлы:

  • Иконка вкладки.
    Формат загружаемого файла - ICO.

  • Логотип.
    Формат загружаемого файла - JPEG, JPG, PNG, SVG.

  • Шрифты.
    Формат загружаемого файла - TTF, OTF.

Для загрузки файла необходимо нажать на кнопку «Загрузить». После нажатия откроется модальное окно с предложением загрузить файл:


Модальное окно импорта файла


Далее необходимо загрузить файл с нужным форматом.

Импорт темы

Для импорта глобальной темы необходимо нажать на кнопку . После нажатия откроется модальное окно:


Модальное окно «Импорт темы»


Далее необходимо загрузить ZIP-файл с глобальной темой и нажать "Сохранить". 

Экспорт темы

Настроенную тему можно экспортировать. После сохранения темы и открытия ее на редактирование появляется кнопка. При нажатии на кнопку формируется архив с темой, о чем сообщает нотификация "Тема успешно выгружена",  и сохраняется напрямую на компьютер пользователя.


Экспорт темы

Архив с темой содержит:

  • файл иконки вкладки в формате ICO;
  • файл логотипа в формате JPEG, JPG, PNG, SVG;
  • файл styles.css с кодом CSS;
  • файл script.js с кодом JavaScript.

Применение темы

Для применения созданной темы необходимо в колонке «Действия» нажать на кнопку . После нажатия откроется список действий, которые можно выполнять с глобальной темой:


Действия с темой

Для того чтобы применить тему, необходимо выбрать из списка «Применить». Глобальная тема будет применена в приложении.

  • Нет меток