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

Работа с вкладками

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

img

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

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

img

Для переименования вкладки двойным кликом нажмите на наименование вкладки и введите понятное название.

gif

Перемещения вкладок местами выполняется с помощью drag-and-drop.

gif

Для клонирования вкладки нажмите на кнопку svg у наименования вкладки и в открывшемся меню выберите Клонировать. В результате создается клон вкладки - в название подставляется (клон), все виджеты наследуются с вкладки оригинала и добавляются на вкладку клон, как экземпляр виджета.

img

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

img

Для удаления вкладки нажмите на кнопку svg у наименования вкладки и в открывшемся меню выберите Удалить. Чтобы подтвердить действие, нажмите на кнопку img Удалить, для отмены - нажмите на кнопку img Отмена.

img

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

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

img

Настройки вкладок выполняются в блоке Вкладки.

img

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

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

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

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

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

        img

      • список;

        img

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

        img

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

По умолчанию

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

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

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

      • сверху - значение по умолчанию;
      • слева;
      • справа;
      • снизу;
    • img Выравнивание - кнопки:

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

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

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

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

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

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

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

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

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

      • svg S - значение по умолчанию;
      • svg M;
      • svg L;
  • Активное значение - настройки выбранной вкладки:

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

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

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

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

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

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

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

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

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

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

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

Список

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

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

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

      • сверху - значение по умолчанию;
      • снизу;
    • img Выравнивание - кнопки:

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

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

      • svg S - значение по умолчанию;
      • svg M;
      • svg L;
  • Значение - настройки выбранной вкладки:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      • сверху - значение по умолчанию;
      • слева;
      • справа;
      • снизу;
    • img Выравнивание - кнопки:

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

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

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

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

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

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

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

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

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

      • svg S - значение по умолчанию;
      • svg M;
      • svg L;
  • Активное значение - настройки выбранной вкладки:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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