Главная > Документация пользователя > Информационные панели

Настройки внешнего вида¶

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

Для информационной панели и всех объектов на панели доступно:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

Настройки панели¶

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

Настройки информационной панели содержат разделы: Настройки, Фон, Название, Вкладки.

Настройки информационной панели применяются для всех устройств.

Настройки¶

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

Опции блока Настройки применяются для всех вкладок и устройств.

Перечень всех настроек блока Настройки:

расположение - кнопки:
- горизонтально - виджеты в контейнере располагаются слева направо;
- вертикально - виджеты в контейнере располагаются сверху вниз. Значение по умолчанию;
- абсолютное позиционирование - виджеты могут находиться в свободном размещении, в том числе наложенные друг на друга;
Выравнивание - размещение объекта:
- слева сверху;
- сверху;
- справа сверху;
- слева;
- по центру - значение по умолчанию;
- справа;
- слева снизу;
- снизу;
- справа снизу;

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

расстояние между элементами - поле ввода расстояния между элементами. По умолчанию значение 0;
отступы по горизонтали - поле ввода отступа от границы до элемента внутри слева направо. По умолчанию значение 0;
отступы по вертикали - поле ввода отступа от границы до элемента внутри сверху вниз. По умолчанию значение 0;

Фон¶

Позволяет задать настройки фона панели.

Опции блока Фон применяются для всех вкладок и устройств.

Перечень всех настроек блока Фон:

Тип - кнопки:
- заливка - позволяет выбрать единый цвет фона в настройке Цвет;
- градиент - позволяет выбрать фон с переходом двух цветов в настройке Цвета;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;

Цвет активна при настройке Тип в значении заливка.

Цвета - при нажатии на сегмент открывается окно с палитрой цветов. По умолчанию установлены значения #FFFFFF и #F2F4F8. Кнопка Поменять местами позволяет поменять местами цвета для создания градиента;
Угол - кнопки направления градиента:
- сверху вниз - значение по умолчанию;
- слева направо;
- справа налево по диагонали;
- слева направо по диагонали;

Цвета и Угол активны при настройке Фон в значении градиент.

Название¶

Позволяет задать настройки названия панели.

Опции блока Название применяются для всех устройств при просмотре панели по ссылке.

Перечень всех настроек блока Название:

Отображение - при нажатии включает/выключает отображение заголовка. По умолчанию настройка включена;
Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;
Начертание - кнопки:
- жирный - значение по умолчанию;
- курсив;
- подчеркнутый;
Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

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

Цвет текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #202224;
Цвет фона - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Вкладки¶

Позволяет задать настройки вкладок панели.

Опции блока Вкладки применяются для всех устройств.

Перечень всех настроек блока Вкладки:

Расположение - размещение вкладок на панели:
- сверху - значение по умолчанию;
- слева;
- справа;
- снизу;
Позиция - размещение вкладок на панели:
- вертикально - значение по умолчанию;
- горизонтально;

Позиция активно при настройке Расположение в значении слева или справа.

Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;
Начертание - кнопки:
- жирный - значение по умолчанию;
- курсив;
- подчеркнутый;
Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

Цвет активной - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #202224;
Цвет неактивной - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #7A8492;
Цвет линии - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #202224;
Цвет фона - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Настройки аналитических виджетов¶

Если выбран виджет, то фокус на области виджета. В блоке Вид отображаются настройки для выбранного виджета. Над блоками настроек отобразится тип виджета, например, Древовидная карта.

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

Настройки аналитических виджетов содержат разделы: Настройки объекта, Отображение, Фон, блоки настроек внешнего вида виджета, а также:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

В перечне индивидуальных настроек виджета не учитываются настройки вкладки Показатели.

Настройки объекта¶

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

Перечень всех настроек блока Настройки объекта:

Координаты и размеры - настройки расположения и размеров объектов:
- координаты - настройка расположения объекта ;
- размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;
Отступы - настройки отступов от края объекта:
- По горизонтали - поле ввода отступа внутри объекта от края слева направо. По умолчанию значение 16;
- По вертикали - поле ввода отступа внутри объекта от края сверху внизу. По умолчанию значение 16;

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:
- растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение ширины объекта;
По вертикали - список вариантов расположения объектов в контейнере по вертикали:
- растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение высоты объекта;

Отображение¶

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

Отображение недоступно для виджетов Тренд, KPI и HTML.

Перечень всех настроек блока Отображение:

Название виджета - при нажатии включает/выключает отображение названия виджета. По умолчанию настройка включена;
Разделитель в заголовке - при нажатии включает/выключает отображение разделителя заголовка. По умолчанию настройка выключена;
Группы строк - при нажатии включает/выключает отображение хлебных крошек. По умолчанию настройка включена;
Группы cтолбцов - при нажатии включает/выключает хлебных крошек в виджете Сводная таблица. По умолчанию настройка включена;
Показатели - при нажатии включает/выключает отображение показателей. По умолчанию настройка включена;

Показатели недоступно для виджета типа Таблица.

Фон¶

Позволяет задать настройки фона контейнера.

Фон недоступно для виджетов Тренд, KPI и HTML.

Перечень всех настроек блока Фон:

Скругление - ползунок для установки скругления границы. По умолчанию значение 8;
Тип - кнопки:
- заливка - позволяет выбрать единый цвет фона в настройке Цвет;
- изображение - позволяет выбрать изображение фона в формате PNG или JPEG;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;

Цвет активна при настройке Тип в значении заливка.

выбор файла - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки;
Изображение - настройка поведения растягивания или масштабирования изображений:
- заполнить - масштабирование размера без изменения пропорций изображение с обрезкой лишнего. Значение по умолчанию;
- исходный размер - размер изображения не зависимо от размеров контейнера;
- растянуть - масштабирование размера с нарушением пропорций изображения под элемент;
- вместить - масштабирование размера без изменения пропорций изображения, чтобы полностью поместиться в элемент. Элемент может быть не покрыт изображением полностью;
Выравнивание - размещение объекта:
- слева сверху;
- сверху;
- справа сверху;
- слева;
- по центру - значение по умолчанию;
- справа;
- слева снизу;
- снизу;
- справа снизу;

Форма выбора файла, Изображение и Выравнивание активны при настройке Тип в значении изображение.

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

Тень - при нажатии включает/выключает отображение тени фона. По умолчанию настройка включена;

Внешний вид виджета¶

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

В перечне индивидулаьных настроек виджета не учитываются настройки вкладки Показатели.

Настройки виджета фильтра¶

Для изменения настроек кликните мышью на область фильтра и перейдите к блоку Вид. Над блоками настроек отобразится тип редактируемого объекта Фильтр.

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

Настройки системного виджета Фильтр содержат разделы: Настройки объекта, Параметры, а также:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

Настройки объекта¶

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

Перечень всех настроек блока Настройки объекта:

координаты - настройка расположения объекта на информационной панели. По умолчанию значение Х - 10, Y - 10;
размеры - настройка размеров объекта. По умолчанию значение ширины - 220, высоты - 52. Недоступно изменение высоты по умолчанию;

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:
- растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение ширины объекта;
По вертикали - список вариантов расположения объектов в контейнере по вертикали:
- растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение высоты объекта;

По вертикали недоступно для системного виджета Фильтр. Размеры виджета регулируются только по ширине.

Параметры¶

Позволяет задать настройки для изменения внешнего вида системных виджетов - фильтров.

Перечень всех настроек блока Параметры:

Размер - кнопки для определения размера системного виджета:
- S - значение по умолчанию;
- M;
- L;
Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;
Наименование - настройки наименования фильтра:
- Отображение - при нажатии включает/выключает отображение названия на панели. По умолчанию настройка включена;
- Расположение - размещение вкладок на панели:
  - сверху - значение по умолчанию;
  - слева;
  - справа;
  - снизу;
- Начертание - кнопки:
  - жирный;
  - курсив;
  - подчеркнутый;
- Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;
Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.
- Цвет текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #8F98A5;
Значение - настройки значений фильтра:
- Начертание - кнопки:
  - жирный;
  - курсив;
  - подчеркнутый;
- Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;
Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.
- Цвет текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #202224;
- Цвет ползунка - при нажатии открывается окно с палитрой цветов. По умолчанию значение #65CCCC;
Цвет ползунка доступна только для фильтра с типом Ползунок.
Фон - настройки фона фильтра:
- Скругление - ползунок для установки скругления границы. По умолчанию значение 12;
- Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;
- Обводка - при нажатии включает/выключает отображение ободки тренда. По умолчанию настройка выключена;
- Цвет обводки - при нажатии открывается окно с палитрой цветов. По умолчанию установлено значение #DFE5ED;
Цвет обводки активно при включенной настройке Обводка.

Настройки виджета кнопки¶

Для изменения настроек кликните мышью на область кнопки и перейдите к блоку Вид. Над блоками настроек отобразится тип редактируемого объекта Кнопка.

Настройки системного виджета Кнопка содержат разделы: Настройки объекта, Кнопка, Обводка, Текст, Иконка, а также:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

Наименование - поле ввода наименования и текста на кнопке. По умолчанию значение Кнопка;
Открытие ссылки - поле ввода ссылки, на которую будет совершен переход при нажатии кнопки;
Открывать в новом окне - при нажатии включает/выключает открытие ссылки в новом окне браузера. По умолчанию настройка включена;

Настройки объекта¶

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

Перечень всех настроек блока Настройки объекта:

координаты - настройка расположения объекта на информационной панели. По умолчанию значение Х - 10, Y - 10;
размеры - настройка размеров объекта. По умолчанию значение ширины - 160, высоты - 40;

Изменение высоты кнопки доступно при настройке Фон в значении изображение.

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:
- растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение ширины объекта;
По вертикали - список вариантов расположения объектов в контейнере по вертикали:
- растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение высоты объекта;

По вертикали недоступно для системного виджета Кнопка. Размеры виджета регулируются только по ширине.

Кнопка¶

Позволяет задать настройки элемента кнопки.

Перечень всех настроек блока Кнопка:

Скругление - ползунок для установки скругления границы. По умолчанию значение 50;
Фон - кнопки для выбора вида фона:
- заливка - позволяет выбрать единый цвет фона в настройке Цвет. Значение по умолчанию;
- градиент - позволяет выбрать фон с переходом двух цветов в настройке Цвета;
- изображение - позволяет выбрать изображение фона в формате PNG или JPEG;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #F96C89;

Цвет активна при настройке Фон в значении заливка.

Цвета - при нажатии на сегмент открывается окно с палитрой цветов. По умолчанию установлены значения #F96C89 и #D64260. Кнопка Поменять местами позволяет поменять местами цвета для создания градиента;

Цвета активна при настройке Фон в значении градиент.

выбор файла - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки;
Изображение - настройка поведения растягивания или масштабирования изображений:
- заполнить - масштабирование размера без изменения пропорций изображение с обрезкой лишнего. Значение по умолчанию;
- исходный размер - размер изображения не зависимо от размеров контейнера;
- растянуть - масштабирование размера с нарушением пропорций изображения под элемент;
- вместить - масштабирование размера без изменения пропорций изображения, чтобы полностью поместиться в элемент. Элемент может быть не покрыт изображением полностью;
Выравнивание - размещение объекта:
- слева сверху;
- сверху;
- справа сверху;
- слева;
- по центру - значение по умолчанию;
- справа;
- слева снизу;
- снизу;
- справа снизу;

Форма выбора файла, Изображение и Выравнивание активны при настройке Тип в значении изображение.

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

Размер - кнопки для определения размера системного виджета:
- S - значение по умолчанию;
- M;
- L;
Выравнивание - выравнивание текста кнопки:
- слева;
- по центру - значение по умолчанию;

Выравнивание и Размер активно при настройке Фон в значении заливка или градиент. Наименование кнопки при настройке Фон в значении изображение всегда выравнивается снизу, максимальная длина - 3 строки.

Обводка¶

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

Перечень всех настроек блока Обводка:

Отображение - при нажатии включает/выключает отображение обводки. По умолчанию настройка выключена;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;
Толщина - ползунок для установки толщины обводки. По умолчанию значение 2;

Цвет и Толщина активно при включенной настройке Обводка.

Текст¶

Позволяет задать настройки текста элемента кнопки.

Перечень всех настроек блока Текст:

Отображение - при нажатии включает/выключает отображение текста. По умолчанию настройка включена;
Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;
Начертание - кнопки:
- жирный;
- курсив;
- подчеркнутый;
Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

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

Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Иконка¶

Позволяет задать настройки иконки элемента кнопки.

Перечень всех настроек блока Иконка:

Отображение - при нажатии включает/выключает отображение иконки. По умолчанию настройка включена;
выбор иконки - кнопки:
- ;
- - значение по умолчанию;
- ;
- ;
- ;
- ;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Настройки виджета контейнера¶

Для изменения настроек кликните мышью на область кнопки и перейдите к блоку Вид. Над блоками настроек отобразится тип редактируемого объекта Контейнер.

Настройки системного виджета Контейнер содержат разделы: Настройки объекта, Фон, а также:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

Наименование - поле ввода наименования контейнера. По умолчанию значение Контейнер;

Настройки объекта¶

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

Перечень всех настроек блока Настройки объекта:

координаты - настройка расположения объекта на информационной панели. По умолчанию значение Х - 10, Y - 10;
размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;
Расположение элементов - настройки расположения и выравнивания элементов внутри контейнера:
- расположение - кнопки:
  - горизонтально - виджеты в контейнере располагаются слева направо;
  - вертикально - виджеты в контейнере располагаются сверху вниз. Значение по умолчанию;
  - абсолютное позиционирование - виджеты могут находиться в свободном размещении, в том числе наложенные друг на друга;
- Выравнивание - размещение объекта:
  - слева сверху;
  - сверху;
  - справа сверху;
  - слева;
  - по центру - значение по умолчанию;
  - справа;
  - слева снизу;
  - снизу;
  - справа снизу;
  Выравнивание активно при настройке расположения в значении горизонтально или вертикально.
- расстояние между элементами - поле ввода расстояния между элементами. По умолчанию значение 0;
- отступы по горизонтали - поле ввода отступа от границы до элемента внутри слева направо. По умолчанию значение 0;
- отступы по вертикали - поле ввода отступа от границы до элемента внутри сверху вниз. По умолчанию значение 0;

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:
- растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение ширины объекта;
По вертикали - список вариантов расположения объектов в контейнере по вертикали:
- растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение высоты объекта;

По вертикали недоступно для системных виджетов Кнопка и Фильтр. Размеры таких системных виджетов регулируются только по ширине. Изменение высоты кнопки доступно при настройке Фон в значении изображение.

Фон¶

Позволяет задать настройки фона контейнера.

Перечень всех настроек блока Фон:

Скругление - ползунок для установки скругления границы. По умолчанию значение 0;
Тип - кнопки:
- заливка - позволяет выбрать единый цвет фона в настройке Цвет;
- изображение - позволяет выбрать изображение фона в формате PNG или JPEG;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;

Цвет активна при настройке Тип в значении заливка.

выбор файла - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки;
Изображение - настройка поведения растягивания или масштабирования изображений:
- заполнить - масштабирование размера без изменения пропорций изображение с обрезкой лишнего. Значение по умолчанию;
- исходный размер - размер изображения не зависимо от размеров контейнера;
- растянуть - масштабирование размера с нарушением пропорций изображения под элемент;
- вместить - масштабирование размера без изменения пропорций изображения, чтобы полностью поместиться в элемент. Элемент может быть не покрыт изображением полностью;
Выравнивание - размещение объекта:
- слева сверху;
- сверху;
- справа сверху;
- слева;
- по центру - значение по умолчанию;
- справа;
- слева снизу;
- снизу;
- справа снизу;

Форма выбора файла, Изображение и Выравнивание активны при настройке Тип в значении изображение.

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

Тень - при нажатии включает/выключает отображение тени фона. По умолчанию настройка выключена;

Настройки виджета изображения¶

Для изменения настроек кликните мышью на область кнопки и перейдите к блоку Вид. Над блоками настроек отобразится тип редактируемого объекта Изображение.

Настройки системного виджета Изображение содержат разделы: Настройки объекта, Фон, а также:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

Наименование - поле ввода наименования изображения. По умолчанию значение Изображение;
Изображение - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки. По кнопке Заменить файл доступна замена ранее выбранного изображения;

Настройки объекта¶

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

Перечень всех настроек блока Настройки объекта:

координаты - настройка расположения объекта на информационной панели. По умолчанию значение Х - 10, Y - 10;
размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:
- растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение ширины объекта;
По вертикали - список вариантов расположения объектов в контейнере по вертикали:
- растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение высоты объекта;

Фон¶

Позволяет задать настройки фона контейнера.

Перечень всех настроек блока Фон:

Скругление - ползунок для установки скругления границы. По умолчанию значение 0;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;
Тень - при нажатии включает/выключает отображение тени фона. По умолчанию настройка выключена;

Настройки виджета текста¶

Для изменения настроек кликните мышью на область текста и перейдите к блоку Вид, также доступно изменение настроек в меню блока. Над блоками настроек отобразится тип редактируемого объекта Текст.

Настройки системного виджета Текст содержат разделы: Настройки объекта, Фон, Настройки текста, а также:

Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:
- Компьютер(1) — разрешение экрана 1440px и выше;
- Ноутбук(2) — разрешение экрана от 1200px до 1440px;
- Планшет(3) — разрешение экрана 768px до 1200px;
- Телефон(4) — разрешение экрана до 768px;
1. переключение по Ctrl + 1
2. переключение по Ctrl + 2
3. переключение по Ctrl + 3
4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей

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

Наименование - поле ввода наименования виджета. По умолчанию значение Текст;

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:
- растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение ширины объекта;
По вертикали - список вариантов расположения объектов в контейнере по вертикали:
- растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
- фиксированный - доступно изменение высоты объекта;

Настройки объекта¶

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

Перечень всех настроек блока Настройки объекта:

Координаты и размеры - расположение и размеры объекта:
- координаты - настройка расположения объекта на информационной панели. По умолчанию значение Х - 10, Y - 10;
- размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;
Отступы - настройки отступов от края объекта:
- По горизонтали - поле ввода отступа внутри объекта от края слева направо. По умолчанию значение 0;
- По вертикали - поле ввода отступа внутри объекта от края сверху внизу. По умолчанию значение 0;

Фон¶

Позволяет задать настройки фона контейнера.

Перечень всех настроек блока Фон:

Скругление - ползунок для установки скругления границы. По умолчанию значение 0;
Тип - кнопки:
- заливка - позволяет выбрать единый цвет фона в настройке Цвет;
- изображение - позволяет выбрать изображение фона в формате PNG или JPEG;
Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;

Цвет активна при настройке Тип в значении заливка.

выбор файла - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки;
Изображение - настройка поведения растягивания или масштабирования изображений:
- заполнить - масштабирование размера без изменения пропорций изображение с обрезкой лишнего. Значение по умолчанию;
- исходный размер - размер изображения не зависимо от размеров контейнера;
- растянуть - масштабирование размера с нарушением пропорций изображения под элемент;
- вместить - масштабирование размера без изменения пропорций изображения, чтобы полностью поместиться в элемент. Элемент может быть не покрыт изображением полностью;
Выравнивание - размещение объекта:
- слева сверху;
- сверху;
- справа сверху;
- слева;
- по центру - значение по умолчанию;
- справа;
- слева снизу;
- снизу;
- справа снизу;

Форма выбора файла, Изображение и Выравнивание активны при настройке Тип в значении изображение.

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

Тень - при нажатии включает/выключает отображение тени фона. По умолчанию настройка выключена;

Настройки текста¶

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

Перечень всех настроек плавающей панели:

шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;
размер шрифта - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.
начертание - кнопки:
- жирный;
- курсив;
- подчеркнутый;
ссылка - кнопка для добавления ссылки в текст. Выделите текст и нажмите кнопку для установки ссылки к уже имеющемуся фрагменту текста. Интерфейс добавления ссылки содержит:
- Текст - текст, к которому будет привязана ссылка. Поле недоступно для редактирования, если текст был выделен для добавления ссылки;
- Ссылка - URL-адрес ссылки формата https://domain.ru. Кнопка позволяет перейти по ссылке для проверки;
- Открывать в отдельной вкладке - при нажатии включает/выключает открытие ссылки в отдельной вкладке браузера. По умолчанию настройка выключена;
- кнопка Добавить ссылку - при нажатии сохраняет настройки и добавляет ссылку;
цвет фона текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;
цвет текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #202224;
выравнивание - кнопки:
- слева;
- по центру;
- справа;
список - кнопки:
- маркированный;
- нумерованный;
другие действия - содержит список переменных, доступных в списке Переменные на вкладке Конструктор для вставки технического имени в текст. При просмотре панели будет отображаться текущее значение переменной, для Множественный выбор - значения отобразятся через запятую в порядке выбора;