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

Модальное окно

Модальное окно — это виджет, отвечающий за отображение окна, которое позволяет работать с элементами приложений в ELMA365. Существует два вида модальных окон:

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

Рассмотрим оба вида подробнее.

Обязательное модальное окно

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

В настройках обязательного модального окна вы можете управлять отображением виджета Правая боковая панель. Для этого нажмите на свободное от виджетов место на поле для моделирования. В правом верхнем углу появится виджет Модальное окно. Нажмите на значок шестерёнки.

modal-window-1

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

modal-window-2

 

С помощью опции Показывать боковую панель вы можете включить или выключить отображение вручную или связать видимость панели с контекстной переменной. В этом случае панель будет показываться только при определённом значении переменной. Для этого нажмите на значок right_panel_3 и выберите переменную из контекста. Подробнее об этом читайте в статье «Системные настройки виджетов».

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

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

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

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

Вложенное модальное окно

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

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

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

МО 365

  • Заголовок — укажите название, которое будет отображаться в заголовке виджета. Вы также можете связать поле с переменной типа Строка, созданной в дизайнере интерфейсов на вкладке Контекст. Для этого нажмите на значок right_panel_3, а затем на ссылку <Не установлено>. Тогда в заголовке виджета будет отображаться значение переменной;
  • Показывать боковую панель — включите опцию, чтобы в виджете отображалась правая боковая панель. С помощью значка right_panel_3 вы можете связать поле с переменной типа Выбор «да/нет», значение которой будет отвечать за отображение панели;
  • Размер* — укажите размер модального окна;
  • Показать окно — отметьте опцию, чтобы модальное окно отображалось на форме по умолчанию. Также с помощью значка right_panel_3 вы можете связать поле с переменной типа Выбор «да/нет», значение которой будет отвечать за отображение модального окна.

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

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

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

Пример

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

модальное окно пример