Формы. Как вывести форму во всплывающем окне рядом с кнопкой (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

Примечание