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

Выпадающее окно

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

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

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

Вкладка «Основные»

pop_up_window-1

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

Вкладка «Системные»

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

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

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

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

pop_up_window-2

Кроме того, вы можете изменить настройки Кнопки и переименовать её, нажав на значок шестеренки рядом с её названием.

После выполнения всех настроек нажмите кнопки Сохранить и Опубликовать на верхней панели конструктора интерфейсов.

Пример

В данном примере виджет Выпадающее окно добавлен на форму приложения Клиенты. Название Кнопки изменено на «История заказов». Внутри модального окна размещен виджет Связанные элементы, и выбрано приложение Заказы.

Так при нажатии на кнопку История заказов в выпадающем окне отобразятся все заказы, совершенные этим клиентом. Вы сможете быстро открыть карточку любого заказа.

pop_up_window-3

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас