Палитра отчета, тема интерфейса

 

Палитра отчета

В отчетах Аналитического портала (АП) кроме предустановленных палитр, есть возможность установить пользовательскую палитру.

Создание палитры отчета

Перейдите в «Настройки/ Отчеты», выберите отчет, в котором необходимо установить собственную палитру цветов, и нажмите на кнопку «Редактировать»:

В открывшемся окне выберите «Палитра пользователя»:

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

После установки цветов нажмите на кнопку «Сохранить» в окне «Редактирование отчета».

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

Создание общей пользовательской палитры

Возможность создавать общие палитры для всего портала позволяет использовать их в нескольких отчетах без необходимости настройки для каждого отдельно.

Для этого перейдите в раздел «Настройки/ Темы интерфейса». Здесь можно выбрать или создать собственную тему для портала или добавить/изменить палитры в разделе «Палитра диаграмм».

  • Для редактирования цветов, выбранной палитры нажмите на карандаш. Откроется окно «Редактирование палитры», в котором можно изменить цвет, нажав на него. Чтобы закрыть окно выбора цвета, нажмите на свободное пространство. После редактирования цветов нажмите на кнопку «Сохранить».
  • Чтобы создать новую палитру, нажмите на кнопку «Добавить палитру», в открывшемся окне введите название палитры латинскими буквами и отображаемое название, выберите цвета.

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

Тема интерфейса

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

Для настройки темы перейдите в раздел «Настройки/ Темы интерфейса».

Основные возможности настройки темы

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

Как изменить стандартную тему

  1. В настройках выберите одну из доступных тем в списке.
  2. Внесите необходимые изменения в параметры оформления.
  3. Если нужно отменить изменения и вернуть исходные настройки, нажмите на кнопку «Сбросить изменения»  рядом с нужной настройкой.
  4. Когда все настройки готовы, нажмите на кнопку «Сохранить», чтобы применить изменения.
     

Как загрузить собственную тему

  1. Скачайте файл темы, нажав на кнопку «Скачать». Загрузится файл в формате JSON.
  2. Внесите изменения в файл, используя параметры настройки.
  3. В настройках темы нажмите на кнопку «Добавить», укажите название темы и загрузите обновленный файл.

Как удалить тему

Нажмите на кнопку «Удалить», после чего система восстановит стандартное оформление.

Форматы данных, используемые в настройках темы

  1. Цвета
    • HEX (например, #ff5733)
    • RGBA (например, rgba(255, 87, 51, 1))
    • Стандартный цветовой выбор (Color Picker) – позволяет выбрать оттенок вручную, включая градиенты.
  2. Параметры, указываемые в пикселях (px)
    • Размеры логотипа (ширина, высота)
    • Размер шрифтов (например, 13px)
    • Отступы (padding, margin)
    • Радиус скругления углов
  3. Форматы, записываемые в CSS
    • Закругление краёв рамки (например, 0 3px 3px 0)
    • Отступы (margin, padding) (например, 36px auto 24px 24px)
    • Тени элементов (например, 0px 0px 5px -1px #8592a6, 1px 3px 10px -2px #8592a6)

Основные настройки главного меню

  • Цвет фона меню/списка отчетов.
  • Цвет кнопки скрытия меню/при наведении курсора.

  • Цвет отбивки дополнительных пунктов в меню.

  • Цвет текста и фон выделенного пункта меню/наведении курсора.

  • Включить/Отключить отображение «Вид отображения списка» и «Поиск».

  • Цвет текста заголовков и групп отчетов.