Произвольная кнопка всплывающей формы

Quasar form позволяет вам привязывать всплывание форм к своим кнопкам (любым html элементам).

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

Есть два варианта создания своей кнопки

1 вариант — использовать ссылку на форму:

При этом шорт код стандартной всплывающей формы должен присутствовать на странице, его можно скрыть при помощи стилей.

Пример:

<a href='quasar-form-p-1'>Моя кнопка</a>

<div style="display: none"> [formaQ id="1" type="popup" align="right" ] </div>

2 вариант:

Добавляем нашему элементу класс quasar-form-button и задаем атрибут ‘data-quasarid’ где указываем id нужной формы, например: data-quasarid = ‘1’

Важно: шорт код со всплывающей формой должен присутствовать на странице — дефолтную кнопку вызова всплывающей формы можно скрыть.

Пример:

<div style='display: none'>[formaQ id='1' type='popup' align='right' text=''] </div>

<p class='quasar-form-button' data-quasarid='1'>Текст кнопки</p>

В приведенных выше примерах, мы скрыли стандартную кнопку pop-up формы и сделали свою.

Обратите внимание

Шорт код из примеров выше, может не работать в шапке вашего сайта (зависит от темы). Поэтому, в случае если вы все сделали по инструкции, а все равно не работает, переместите блок с шорт кодом

<div style='display: none'>[formaQ id='1' type='popup' align='right' text='']</div>

в подвал сайт.