Low-code дизайнер > Создание интерфейсов > Типы виджетов > Размещение элементов / Вкладки

Вкладки

С помощью этого виджета можно сгруппировать информацию наиболее удобным образом и разделить её на логические сегменты.

Чтобы разместить виджет, перетащите его с правой панели дизайнера интерфейсов на поле для моделирования или нажмите кнопку +Виджет. Подробнее читайте в статье «Шаблон формы».

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

Выполните настройку в открывшемся окне на вкладках Основные, События и Системные.

Основные

clip0090

  • Скрывать вкладки с одной страницей  выберите эту опцию, если хотите скрывать одиночные вкладки на странице. Настройку опции можно осуществить двумя способами: установить флажок или нажать на кнопку ссылки справа и указать контекстную переменную виджета или приложения типа Выбор «да/нет». Значение контекстной переменной будет отвечать за условие скрытия вкладки. Если у виджета две и более вкладок, они будут отображаться вне зависимости от настройки данной опции;
  • Расположить горизонтально — вы можете изменить расположение вкладок с вертикального на горизонтальное. Настройку опции можно осуществить двумя способами: установить флажок или нажать на кнопку ссылки справа и указать контекстную переменную виджета или приложения типа Выбор «да/нет».

События

tabs-widget-2

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

Системные

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

После того как вы добавили несколько вкладок, их порядок можно поменять. Для этого нажмите на вкладку и перетащите её на другое место.

Для завершения настройки виджета нажмите кнопку Сохранить. Чтобы настроенная форма стала доступна пользователям, нажмите Сохранить и Опубликовать на верхней панели дизайнера интерфейсов.

Добавить вкладку

Чтобы создать вкладку в виджете:

  1. Нажмите значок +.

tabs-widget-3

  1. В открывшемся окне укажите заголовок. Также вы можете задать системные настройки новой вкладки.

tabs-widget-4

  1. Для каждой вкладки добавьте содержимое, которое отобразится, если пользователь нажмёт на её заголовок.

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

Пример

На данном примере виджет Вкладки был использован для разделения регламентов работы с сотрудниками на три категории.

tabs-widget-5