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

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

Давайте рассмотрим пример привязки всплывающий формы к любому HTML элементу

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

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

Пример:

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

<p class='quasar-form-button' data-quasarid='1'>Text button</p>

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