Перейти к содержанию

Темы. Настройка, применение, предпросмотр

Определения

Тема — это набор визуальных элементов, которые определяют внешний вид Comindware Platform.

По умолчанию используется стандартная тема под названием «Comindware», которую нельзя изменить.

Чтобы настроить внешний вид графического интерфейса, создайте новую тему или клонируйте имеющуюся.

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

Использование конструктора тем

  1. На странице «Администрирование» в разделе «Внешний вид» выберите пункт «Темы» .
  2. Отобразится конструктор тем.
  3. Настройте тему с помощью следующих разделов:

  4. Сохраните изменения темы.

Операции с темами

В разделе «Доступные темы» отображаются эскизы имеющихся тем и кнопки для выполнения операций с темами:

Выбор темы для настройки

  1. В разделе «Доступные темы» нажмите эскиз темы.
  2. Выбранная в будет отмечена флажком на ее эскизе.
  3. Теперь все внесённые изменения будут применяться для выбранной темы.

Доступные темы, выбранная тема отмечена флажком

Доступные темы, выбранная тема отмечена флажком

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

  1. В разделе «Доступные темы» нажмите эскиз темы, которую требуется применить.
  2. Нажмите кнопку «Применить» для применения выбранной темы.
  3. Отобразится запрос на обновление страницы.
  4. Подтвердите обновление страницы, чтобы изменения вступили в силу.
  5. Теперь графический интерфейс будет отображаться с использованием применённой темы.

Создание новой темы

  1. В разделе «Доступные темы» нажмите кнопку «Создать».
  2. Отобразится окно «Создание новой темы».
  3. Введите название новой темы.
  4. Нажмите кнопку «Создать».
  5. Будет создана, выбрана и применена тема со стандартной конфигурацией.
  6. Теперь все внесённые изменения будут применяться для новой темы.

Клонирование темы

  1. Нажмите эскиз темы, которую требуется дублировать.
  2. Нажмите кнопку «Клонировать».
  3. Отобразится окно «Клонирование темы».
  4. Укажите название новой темы.
  5. Нажмите кнопку «Клонировать».
  6. Будет создан дубликат выбранной темы.
  7. Новая тема будет выбрана и применена.
  8. Теперь все внесённые изменения будут применяться для новой темы.

Удаление темы

Примечание

Тему, которая применена в настоящий момент, удалить нельзя (кнопка «Удалить» не будет отображаться).

Для удаления применённой темы сначала примените другую тему.

  1. Нажмите эскиз темы, которую требуется удалить.
  2. Нажмите кнопку «Удалить».
  3. Подтвердите удаление в отобразившемся окне.

Сохранение и сброс настроек

В разделах, в которых имеется возможность настройки параметров темы, предусмотрены следующие кнопки:

  • Сохранить — сохранение настроенных параметров раздела;
  • Сбросить настройки — восстановление ранее сохраненных параметров раздела.

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

Если редактируемая тема применена, после нажатия кнопки «Сохранить» отобразится запрос на обновление страницы. Чтобы изменения вступили в силу, подтвердите обновление страницы.

Сохранение настроек в разделе «Свойства системы»

Сохранение настроек в разделе «Свойства системы»

Свойства системы

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

Вы можете задать «Название системы», которое будет отображаться в верхней информационной панели:

Название системы в верхней информационной панели

Название системы в верхней информационной панели

Фирменные изображения

Для темы можно назначить собственные изображения:

  • Значок сайта — это изображение будет отображаться во вкладках браузера;
  • Логотип — это изображение по умолчанию используется в качестве логотипа страниц входа и регистрации;
  • Фон страниц — это изображение по умолчанию используется в качестве фона страниц входа и регистрации.

Фирменные изображения

Фирменные изображения

Нажмите крайнюю правую часть панели с именем файла, чтобы вызвать меню операций с фирменными изображениями:

  • История — просмотр журнала изменений загруженного изображения;
  • Скачать — скачивание изображения на компьютер;
  • Удалить — удаление изображения из темы.

Меню операций с изображением

Меню операций с изображением

Шрифты

В этом разделе можно настроить шрифт заголовков и шрифт обычного текста:

  • Шрифт — выберите гарнитуру шрифта из предложенного списка;
  • Начертание — выберите вариант шрифта из предложенного списка:
    • Regular (Обычный), Italic (Курсив), Bold (Полужирный), Light (Тонкий), Medium (Средний);
  • Базовый размер — выберите из предложенного списка размер шрифта, относительного которого будут определяться размеры заголовков и текстов соответственно.

Шрифты

Шрифты

Цветовая палитра

В этом разделе можно задать собственные цвета для большинства элементов графического интерфейса.

Цвета основных элементов

В этом разделе можно настроить:

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

Цветовая палитра — Основные элементы

Цветовая палитра — Основные элементы

Цвета приоритетов

В этом разделе можно настроить цвета, которые можно будет назначать различным кнопкам при конструировании бизнес-решений.

Цветовая палитра — Приоритеты

Цветовая палитра — Приоритеты

Цвета дополнительных элементов

В этом разделе можно настроить цветовое оформление дополнительных элементов графического интерфейса:

  • Тени — выберите цвет, прозрачность и размытие для различных теней:
    • теней меню;
    • теней раскрывающегося меню;
    • теней всплывающего окна;
    • теней конструктора;
  • Рамки — выберите цвет рамок для различных элементов:
    • основных рамок
    • рамок таблиц
    • рамок элементов меню

Цветовая палитра — Дополнительно

Цветовая палитра — Дополнительно

Цвета графиков и диаграмм

В этом разделе можно задать цвета, которые будут использоваться для линий, столбцов и сегментов графиков и диаграмм.

Цветовая палитра — Графики и диаграммы

Цветовая палитра — Графики и диаграммы

Пользовательские стили

В этом разделе можно указать дополнительные стили CSS для тонкой настройки внешнего вида графического интерфейса.

Внимание!

Используйте собственные стили CSS с осторожностью и тщательно тестируйте их поведение, так как они могут непредсказуемо влиять на отображение графического интерфейса и могут оказаться несовместимы с будущими версиями Comindware Platform.

Цветовая палитра — Пользовательские стили

Цветовая палитра — Пользовательские стили

Предварительный просмотр

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

Предварительный просмотр — Основные элементы

Предварительный просмотр — Основные элементы

Предварительный просмотр — Формы

Предварительный просмотр — Формы

Предварительный просмотр — Формы

Предварительный просмотр — Формы

Связанные статьи

Дизайн страниц входа и регистрации

К началу