Custom popup button

With the Quasar Form plugin, you can easily create popup forms. Any form created through this plugin can pop-up, for this you just need to specify ‘popup’ in the shortcode of the form and add the value ‘text’ (this is the text inside the button).

However, It happens 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.


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

<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.