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

Примеры удобных таблиц и форм Примеры дашборда Примеры графиков и диаграмм Пример календаря Таблица с данными по API Пример вывода карты с точками Виды полей форм Пример виджета статистики Пример дерева иерархии Пример компонента Временная линия Пример карточки товаров Пример учета загрузки ресурса Пример Канбан доски Пример мастер формы Пример выгрузки документов Excel/Word Пример заполнения данных по ИНН
Примечание