Формы. Как вывести форму во всплывающем окне рядом с кнопкой (popover)

Используем сниппет

<a href="#" class="as-popover btn btn-light" data-content="" data-title="Заголовок окна"
 data-trigger="click" data-type="primary" data-size="lg" 
data-formcode="newForm" data-formitemid="">Show form</a>

Помимо форм можно выводить и просто любую разметку в data-content.

Параметры:

  • content - разметка панели (активна только если не указан код формы в data-formCode)
  • title - заголовок формы
  • trigger - Если указано click, то подсказка появяется по клику. Если указано focus hover, то подсказка появляется при наведении.
  • type - тип панели (success, warning, primary и т.д.)
  • size - ширина панели (sm, md, lg)
  • placement - с какой стороны открывается панель (left, right, top, bottom, top top-left, top top-right, bottom bottom-left, bottom bottom-right, left left-top, left left-bottom, right right-top, right right-bottom, auto, auto-left, auto-right, auto-bottom, auto-top, horizontal, vertical). 
  • formCode - код выводимой формы
  • formItemID - параметр, который передается в форму как itemID

Примечание: панели-подсказки закрываются, когда появляются новые подсказки на странице.

Более подробно про настройки плагина - https://plugins.krajee.com/popover-x

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Бесплатное обучение разработке на Falcon Space

Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space.
Примечание