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

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

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

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

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

  • Компьютер(1) — разрешение экрана 1440px и выше;

  

  • Ноутбук(2) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(4) — разрешение экрана до 768px;

  

  1. переключение по Ctrl + 1
  2. переключение по Ctrl + 2
  3. переключение по Ctrl + 3
  4. переключение по Ctrl + 4

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

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

Панель

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

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

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

Название

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

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

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

• Отображение - при нажатии включает/выключает отображение заголовка. По умолчанию настройка включена;

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

• Начертание - кнопки:

  • жирный - значение по умолчанию;
  • курсив;
  • подчеркнутый;

• Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

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

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

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

Настройки

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

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

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

• расположение - кнопки:

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

• Выравнивание - размещение объекта:

  • слева сверху;
  • сверху;
  • справа сверху;
  • слева;
  • по центру - значение по умолчанию;
  • справа;
  • слева снизу;
  • снизу;
  • справа снизу;

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

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

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

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

Фон

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

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

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

• Тип - кнопки для выбора вида фона:

  • заливка - позволяет выбрать единый цвет фона в настройке Цвет. Значение по умолчанию;
  • градиент - позволяет выбрать фон с переходом двух цветов в настройке Цвета и Угол;
  • изображение - позволяет выбрать изображение фона в формате PNG или JPEG;

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

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

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

• Угол - кнопки направления градиента:

  • сверху вниз - значение по умолчанию;
  • слева направо;
  • справа налево по диагонали;
  • слева направо по диагонали;

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

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

Вкладки

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

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

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

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок:

    • по умолчанию - значение по умолчанию;

      

    • список;

      

    • переключатель;

      

  При изменении значения настройки Тип меняется набор блоков настроек и настройки.

По умолчанию

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок: по умолчанию;

  • Расположение - размещение элемента:

    • сверху - значение по умолчанию;
    • слева;
    • справа;
    • снизу;

  • Выравнивание - кнопки:

    • слева - значение по умолчанию;
    • по центру;
    • справа;

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

  • Позиция - размещение вкладок на панели:

    • вертикально - значение по умолчанию;
    • горизонтально;

  • Выравнивание - кнопки:

    • по верхнему краю - значение по умолчанию;
    • по центру;
    • по нижнему краю;

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

  • Расстояние между - расстояние между вкладками. По умолчанию значение 16;

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

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

• Активное значение - настройки выбранной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

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

• Значение - настройки неактивной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

• Фон - настройки фона панели вкладок:

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

Список

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок: список;

  • Расположение - размещение элемента:

    • сверху - значение по умолчанию;
    • снизу;

  • Выравнивание - кнопки:

    • слева - значение по умолчанию;
    • по центру;
    • справа;

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

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

• Значение - настройки выбранной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

• Фон - настройки фона панели вкладок:

  • Скругление - ползунок для установки скругления границы. По умолчанию значение 12;

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

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

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

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

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

Переключатель

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок: переключатель;

  • Расположение - размещение элемента:

    • сверху - значение по умолчанию;
    • слева;
    • справа;
    • снизу;

  • Выравнивание - кнопки:

    • слева - значение по умолчанию;
    • по центру;
    • справа;

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

  • Позиция - размещение вкладок на панели:

    • вертикально - значение по умолчанию;
    • горизонтально;

  • Выравнивание - кнопки:

    • по верхнему краю - значение по умолчанию;
    • по центру;
    • по нижнему краю;

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

  • Расстояние между - расстояние между вкладками. По умолчанию значение 16;

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

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

• Активное значение - настройки выбранной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

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

• Значение - настройки неактивной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

• Фон - настройки фона панели вкладок:

  • Скругление - ползунок для установки скругления границы. По умолчанию значение 12;

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

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

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

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

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

Аналитические виджеты

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

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

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

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

  • Компьютер(1) — разрешение экрана 1440px и выше;

  

  • Ноутбук(2) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(4) — разрешение экрана до 768px;

  

  1. переключение по Ctrl + 1
  2. переключение по Ctrl + 2
  3. переключение по Ctrl + 3
  4. переключение по Ctrl + 4

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

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

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

Блок Переменные доступен, если на виджете есть переменные.

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

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

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

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

  • координаты - настройка расположения объекта ;

  • размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;

• Отступы - настройки отступов от края объекта:

  • По горизонтали - поле ввода отступа внутри объекта от края слева направо. По умолчанию значение 16;

  • По вертикали - поле ввода отступа внутри объекта от края сверху внизу. По умолчанию значение 16;

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

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

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

• По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:

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

• По вертикали - список вариантов расположения объектов в контейнере по вертикали:

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

Отображение

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

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

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

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

• Разделитель в заголовке - при нажатии включает/выключает отображение разделителя заголовка. По умолчанию настройка выключена;

• Группы строк - при нажатии включает/выключает отображение хлебных крошек. По умолчанию настройка включена;

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

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

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

Фон

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

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

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

Опция Тип и настройки типа применяются отдельно для каждой вкладки контейнера и типа устройства.

• Тип - кнопки для выбора вида фона:

  • заливка - позволяет выбрать единый цвет фона в настройке Цвет. Значение по умолчанию;
  • градиент - позволяет выбрать фон с переходом двух цветов в настройке Цвета и Угол;
  • изображение - позволяет выбрать изображение фона в формате PNG или JPEG;

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

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

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

• Угол - кнопки направления градиента:

  • сверху вниз - значение по умолчанию;
  • слева направо;
  • справа налево по диагонали;
  • слева направо по диагонали;

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

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

• Изображение - настройка поведения растягивания или масштабирования изображений:

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

• Выравнивание - размещение объекта:

  • слева сверху;
  • сверху;
  • справа сверху;
  • слева;
  • по центру - значение по умолчанию;
  • справа;
  • слева снизу;
  • снизу;
  • справа снизу;

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

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

Опции Скругление и Тень применяются для всех устройств.

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

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

Переменные

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

Блок Переменные доступен, если на виджете есть переменные.

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

• Расположение - размещение элемента:

  • сверху - значение по умолчанию;
  • слева;
  • справа;
  • снизу;

• Выравнивание - кнопки:

  • слева - значение по умолчанию;
  • по центру;
  • справа;

• настройки каждой переменной:

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

  • Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение По умолчанию - шрифт из блока настроек Вид;

  • Алисас:

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

    • Расположение - размещение алиаса на панели, относительно открываюещгося списка:

      • сверху;
      • слева - значение по умолчанию;
      • справа;
      • снизу;

    • Начертание - кнопки:

      • жирный;
      • курсив;
      • подчеркнутый;

    • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

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

  • Значение:

    • Начертание - кнопки:

      • жирный;
      • курсив;
      • подчеркнутый;

    • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

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

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

    Цвет фона доступно только для переменной с типом Переключатель.

  • Фон:

    • Скругление - ползунок для установки скругления границы. По умолчанию значение

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

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

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

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

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

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

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

Фильтр

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

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

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

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

  • Компьютер(1) — разрешение экрана 1440px и выше;

  

  • Ноутбук(2) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(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) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(4) — разрешение экрана до 768px;

  

  1. переключение по Ctrl + 1
  2. переключение по Ctrl + 2
  3. переключение по Ctrl + 3
  4. переключение по Ctrl + 4

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

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

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

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

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

• По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:

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

• По вертикали - список вариантов расположения объектов в контейнере по вертикали:

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

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

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

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

• Координаты и размеры - расположение и размеры объекта:

  • координаты - настройка расположения объекта на информационной панели;

  • размеры - настройка размеров объекта. По умолчанию значение зависят от типа переменной;

Параметры

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

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

• Размер - кнопки для определения размера элемента:

  • S - значение по умолчанию;
  • M;
  • L;

• Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение По умолчанию - шрифт из блока настроек Вид;

• Алисас:

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

  • Расположение - размещение алиаса на панели, относительно открываюещгося списка:

    • сверху;
    • слева - значение по умолчанию;
    • справа;
    • снизу;

  • Начертание - кнопки:

    • жирный;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

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

• Значение:

  • Начертание - кнопки:

    • жирный;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

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

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

  Цвет фона доступно только для переменной с типом Переключатель.

• Фон:

  • Скругление - ползунок для установки скругления границы. По умолчанию значение

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

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

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

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

Кнопка

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

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

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

  • Компьютер(1) — разрешение экрана 1440px и выше;

  

  • Ноутбук(2) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(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) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(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;

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

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

• Угол - кнопки направления градиента:

  • сверху вниз - значение по умолчанию;
  • слева направо;
  • справа налево по диагонали;
  • слева направо по диагонали;

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

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

• Изображение - настройка поведения растягивания или масштабирования изображений:

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

• Выравнивание - размещение объекта:

  • слева сверху;
  • сверху;
  • справа сверху;
  • слева;
  • по центру - значение по умолчанию;
  • справа;
  • слева снизу;
  • снизу;
  • справа снизу;

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

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

Опции Скругление и Тень применяются для всех устройств.

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

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

Вкладки

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

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

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

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок:

    • по умолчанию - значение по умолчанию;

      

    • список;

      

    • переключатель;

      

  При изменении значения настройки Тип меняется набор блоков настроек и настройки.

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок: по умолчанию;

  • Расположение - размещение элемента:

    • сверху - значение по умолчанию;
    • слева;
    • справа;
    • снизу;

  • Выравнивание - кнопки:

    • слева - значение по умолчанию;
    • по центру;
    • справа;

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

  • Позиция - размещение вкладок на панели:

    • вертикально - значение по умолчанию;
    • горизонтально;

  • Выравнивание - кнопки:

    • по верхнему краю - значение по умолчанию;
    • по центру;
    • по нижнему краю;

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

  • Расстояние между - расстояние между вкладками. По умолчанию значение 16;

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

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

• Активное значение - настройки выбранной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

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

• Значение - настройки неактивной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

• Фон - настройки фона панели вкладок:

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

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок: список;

  • Расположение - размещение элемента:

    • сверху - значение по умолчанию;
    • снизу;

  • Выравнивание - кнопки:

    • слева - значение по умолчанию;
    • по центру;
    • справа;

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

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

• Значение - настройки выбранной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

• Фон - настройки фона панели вкладок:

  • Скругление - ползунок для установки скругления границы. По умолчанию значение 12;

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

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

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

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

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

• Параметры - настройки элемента вкладки:

  • Тип - выбор внешнего вида панели вкладок: переключатель;

  • Расположение - размещение элемента:

    • сверху - значение по умолчанию;
    • слева;
    • справа;
    • снизу;

  • Выравнивание - кнопки:

    • слева - значение по умолчанию;
    • по центру;
    • справа;

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

  • Позиция - размещение вкладок на панели:

    • вертикально - значение по умолчанию;
    • горизонтально;

  • Выравнивание - кнопки:

    • по верхнему краю - значение по умолчанию;
    • по центру;
    • по нижнему краю;

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

  • Расстояние между - расстояние между вкладками. По умолчанию значение 16;

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

  • Размер - кнопки для определения размера элемента:

    • S - значение по умолчанию;
    • M;
    • L;

• Активное значение - настройки выбранной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

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

• Значение - настройки неактивной вкладки:

  • Начертание - кнопки:

    • жирный - значение по умолчанию;
    • курсив;
    • подчеркнутый;

  • Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

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

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

• Фон - настройки фона панели вкладок:

  • Скругление - ползунок для установки скругления границы. По умолчанию значение 12;

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

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

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

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

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

Изображение

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

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

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

  • Компьютер(1) — разрешение экрана 1440px и выше;

  

  • Ноутбук(2) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(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) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(4) — разрешение экрана до 768px;

  

  1. переключение по Ctrl + 1
  2. переключение по Ctrl + 2
  3. переключение по Ctrl + 3
  4. переключение по Ctrl + 4

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

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

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

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

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

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

• По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:

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

• По вертикали - список вариантов расположения объектов в контейнере по вертикали:

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

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

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

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

• Координаты и размеры - расположение и размеры объекта:

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

  • размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;

• Отступы - настройки отступов от края объекта:

  • По горизонтали - поле ввода отступа внутри объекта от края слева направо. По умолчанию значение 0;

  • По вертикали - поле ввода отступа внутри объекта от края сверху внизу. По умолчанию значение 0;

Фон

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

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

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

Опция Тип и настройки типа применяются отдельно для каждого типа устройства.

• Тип - кнопки для выбора вида фона:

  • заливка - позволяет выбрать единый цвет фона в настройке Цвет. Значение по умолчанию;
  • градиент - позволяет выбрать фон с переходом двух цветов в настройке Цвета и Угол;
  • изображение - позволяет выбрать изображение фона в формате PNG или JPEG;

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

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

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

• Угол - кнопки направления градиента:

  • сверху вниз - значение по умолчанию;
  • слева направо;
  • справа налево по диагонали;
  • слева направо по диагонали;

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

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

• Изображение - настройка поведения растягивания или масштабирования изображений:

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

• Выравнивание - размещение объекта:

  • слева сверху;
  • сверху;
  • справа сверху;
  • слева;
  • по центру - значение по умолчанию;
  • справа;
  • слева снизу;
  • снизу;
  • справа снизу;

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

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

Опции Скругление и Тень применяются для всех устройств.

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

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

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

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

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

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

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

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

• начертание - кнопки:

  • жирный;
  • курсив;
  • подчеркнутый;

• ссылка - кнопка для добавления ссылки в текст. Выделите текст и нажмите кнопку для установки ссылки к уже имеющемуся фрагменту текста. Интерфейс добавления ссылки содержит:

  • Текст - текст, к которому будет привязана ссылка. Поле недоступно для редактирования, если текст был выделен для добавления ссылки;
  • Ссылка - URL-адрес ссылки формата https://domain.ru. Кнопка позволяет перейти по ссылке для проверки;
  • Открывать в отдельной вкладке - при нажатии включает/выключает открытие ссылки в отдельной вкладке браузера. По умолчанию настройка выключена;
  • кнопка Добавить ссылку - при нажатии сохраняет настройки и добавляет ссылку;

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

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

• выравнивание - кнопки:

  • слева;
  • по центру;
  • справа;

• список - кнопки:

  • маркированный;
  • нумерованный;

• другие действия - содержит список переменных, доступных в списке Переменные на вкладке Конструктор для вставки технического имени в текст. При просмотре панели будет отображаться текущее значение переменной, для Множественный выбор - значения отобразятся через запятую в порядке выбора;

Переменные можно добавить в текст вручную:

• наберите символ "[" и выберите из списка;

• выполните Копировать наименование у переменной и вставьте в текст;