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

Работа с переменными

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

В блоке Переменные на вкладке Конструктор отображается список редактируемых переменных, используемых на 2-х и более виджетах панели. Если одна и та же переменная находится на нескольких виджетах панели, в списке переменных она отобразится один раз.

У каждого типа переменной в списке отображается свой лейбл:

• Список;

• Множественный выбор;

• Календарь;

• Поле ввода;

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

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

Для использования системной переменной перенесите ее с помощью drag-and-drop из блока Переменные в область редактирования панели. В результате: 

• системная переменная отобразится на панели;

• редактируемая переменная скроется со всех виджетов, на которых использовалась;

• слева от наименования переменной в блоке Переменные отобразится счетчик, который считает количество используемых экземпляров одной и той же переменной;

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

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

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

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

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

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

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

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

  • Компьютер(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;

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