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

Вкладки

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

Чтобы настроить виджет, перетащите его с правой панели конструктора интерфейсов на поле для моделирования или нажмите кнопку +Виджет. В открывшемся окне укажите нужные опции.

вкладка 1

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

 

  • Расположить горизонтально – вы можете изменить расположение вкладок с вертикального на горизонтальное. Настройку опции можно осуществить двумя способами: установить флажок или нажать на кнопку ссылки справа и указать контекстную переменную виджета или приложения типа Выбор «да/нет».

Подробнее о контекстных переменных читайте в статье Типы контекста.

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

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

move_tabs

Перетащить вкладку не получится, если на поле выделен виджет Вкладки!

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

Пример