Quform Popup after clicking on button

[Aurelius]

Hello,

I am using Quform. If I see it correct there is the direct way to implement Quform directly on a page or by clicking on a text (=opening a popup). I would love to see a button opening such a popup.
There are button shortcodes provided by the theme. Like [button]content[/button]. But I can not combine these to elements… the shortcode button and quform-popup.
So what do you thing would be the best solution?
Btw.: I am only a wordpress beginner.

Thank you very much!
Benjamin

[tampalab]

Hi Benjamin,

This can be your solution. Please take a look.

Link the popup form to a button shortcode

I am also wondering how I can use my own theme button shortcode as submit button.

Thanks

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[tampalab]

Hi Ally,

Thank you for response but I am using submit button conditionally as you mentioned on this post:

Submit Button Conditionally

This is JavaScript at end of the form. How can I use this two java script together.

<script>
jQuery(document).ready(function ($) {
$(‘.iphorm_1_2,.iphorm_1_3,.iphorm_1_4,.iphorm_1_5’).change(function () {
if ($(this).val() === ”) {
$(‘.iphorm-submit-wrap-1’).hide();
} else {
$(‘.iphorm-submit-wrap-1’).show();
}
});
});
</script>

Thank you

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[tampalab]

Hi Ally,

I added as you mentioned below but logic condition is working but submit button is not changed.

This is what I added:

<script>
jQuery(document).ready(function ($) {
$('.iphorm_1_2,.iphorm_1_3,.iphorm_1_4,.iphorm_1_5').change(function () {
if ($(this).val() === '') {
$('.iphorm-submit-wrap-1').hide();
} else {
$('.iphorm-submit-wrap-1').show();
}
});

$('a[button size="medium" style="primary" text="Send" link="#submit"]').click(function () {
$(this).closest('form').submit();
return false;
});
});
</script>

This is short code of my theme button:
[button size="medium" style="primary" text="Medium button" link="http://"]

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[tampalab]

Hi Ally,

I guess I couldn’ t get it how to place these codes to form. Could you please explain how I can set the button shortcode to form.

Thank you.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[tampalab]

Hi Ally,

I did it but it is not working. this is how it looks. “www.gelinga.com/satis-yap

If you want, I can send you login details.

Thank you

• This reply was modified 10 years, 5 months ago by tampalab.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[tampalab]

Nop, still not working. Submit button still appears at the beginning.

But I enabled conditional logic of HTML element so button only appears if stated variables are selected.

For now everything is good.

Thank you

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts