Home › Forums › Quform WordPress › Fancy Box Launch On Button
- This topic has 6 replies, 3 voices, and was last updated 9 years, 3 months ago by Ingmarc.
- AuthorPosts
- November 12, 2014 at 12:19 pm #13022SalesHigherParticipant
Hi,
I’m wondering if it is possible to have the fancy box launch on the click of a template button?
How would I do that?
Thanks!
November 12, 2014 at 12:42 pm #13025AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
November 13, 2014 at 3:19 am #13031SalesHigherParticipantHi Ally,
Thanks for that. I was able to get part way there, but it still isn’t launching properly. Here is what I’m working with:
[button link="/join-us/" type="big" color="red"] Join Now[/button]
[iphorm_popup id=”7″ name=”Fancy Box Test”][/iphorm_popup]
<script type=”text/javascript”>
jQuery(document).ready(function ($) {
$(‘a[href=”/join-us/” ]’).click(function () {
$(‘.iphorm-fancybox-link-7’).click();
return false;
});
});
</script>The most like problem area is $(‘.iphorm-fancybox-link-7’).click(); Do I have that configured correctly?
Thanks!
November 17, 2014 at 12:45 pm #13055AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
December 18, 2014 at 11:18 am #13396IngmarcParticipantHello, I read the button to popup guide.. I feel I’m almost there, but it doesn’t work… yet.
This is a normal button with url link in my template:
[visual_button url="http://link/to/anywhere" style="default" size="small" target="_self"]normal link[/visual_button]
This is what the text link of my form popup would be:
[iphorm_popup id="1" name="order form"]this does make a lightbox[/iphorm_popup]
And this is what I made of it… but which just reopens the page, no lightbox… where is my mistake?
[visual_button link="#form-1" style="default" size="small"]this should make the lightbox[/visual_button]
[iphorm_popup id=1 name="order form"][/iphorm_popup]<script type="text/javascript">
jQuery(document).ready(function ($) {
$('a[href="#form-1"]').click(function () {
$('.iphorm-fancybox-link-1').click();
return false;
});
});
</script>
Thank you….
December 21, 2014 at 12:59 pm #13423AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
December 28, 2014 at 3:28 pm #13472IngmarcParticipantWorks!!! Thank you.
- AuthorPosts
- You must be logged in to reply to this topic.