Custom popup button

Quasar form generates popup buttons for forms if you specify the type of form “popup”.

However, there are times when you need to create your own popup button. You can make the form pop up when you click on any custom html element.

All you have to do is add the class quasar-form-button and the date attribute data-quasarid = '1', where '1' is the form identifier.

! Important: the short code of this form should be located on the page.


<p style='display: none'> </p>

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

In the above example, we hid the standard popup button and made a custom button.