[Plugin: Easy FancyBox] Easy Fancybox and Gravity Forms

I’m not familiar with Gravity Forms. Is there an option to activate AJAX submission?

Yes there is, I’ve enabled that but it doesn’t change it. It opens fine, but on submitting the form the modal dialog closes. When I reopen it I do see the form feedback messages (i.e. leaving required fields empty).

Does the complete page refresh after the form submission?

No it doesn’t refresh the full page, but I’ve just figured out what the problem is. The problem is with Gravity Forms captcha field (uses Google Captcha). When I leave that field everything is working fine. So it’s not a Easy Fancybox problem, but a GF problem after all. Hopefully someone else will find this info useful.

Maybe GF support can say something useful about this?

Yes I’ve reported it to their support department. Looks like the captcha request is messing things up in a setup like this.

ISSUE: Fancybox opens with GF… but cannot submit.

1) Button isn’t responding.
2) Validation doesn’t work (the required fields warning if you don’t submit anything in the field).

So close but so far. First want to thank everyone for getting me closer than I was trying with another lightbox solution. Here’s what I have on page:

<div class="fancybox-hidden" style="display: none;">
<div id="fancyboxID-1" style="width:800px;height:auto;">
<?php
       $gfsc = '[gravityform id="3" ajax="true"]';
        echo do_shortcode($gfsc);
?></div></div>
<a class="fancybox-inline" href="#fancyboxID-1">Ask Question</a></div>

ISSUE: submit button doesn’t work!

In my Gravity Forms, I do require validation from two fields and the error msg is not thrown either. In other words, the form display nicely BUT I cannot do anything with it. It will not submit even if you fill it out. Help!!!

Hi, HMSRE does the form work without FancyBox? Remove the wrapping “fancybox-hidden” div from that code snippet and test the form inline/on-page.

Hey Raven – that didn’t work either.

I did find a way to get it to submit… when I changed the gravity form code I picked up on this thread with the do_shortcode item, I could get closer to it working:
REMOVED:

<?php
       $gfsc = '[gravityform id="3" ajax="true"]';
        echo do_shortcode($gfsc);
?>

One that works BUT closes (yet saves progress)
REPLACED:
<?php gravity_form(3, $display_title=true, $display_description=true, false, '', false); ?>

The replaced version allows you to submit BUT if you didn’t complete, it closes. You hit the link and reopen and it shows the fields not completed/validated.

I also tried the first version above (with do_shortcode) on page and it works – BUT opens a separate tab with the validation error. Perhaps that could be the issue – wanting to open a separate tab to complete? I don’t see that as a setting in GF.

Any other thoughts? BTW – all plugins up to date including GF as of today.

I also tried the first version above (with do_shortcode) on page and it works – BUT opens a separate tab with the validation error. Perhaps that could be the issue – wanting to open a separate tab to complete? I don’t see that as a setting in GF.

In theory that should not be a problem but I have never heard GF do something like that. So it might be a result of the the same issue that blocks the submit button… I think you need to ask on the GF support forums.

Also, I have no idea why <?php gravity_form(3, $display_title=true, $display_description=true, false, '', false); ?> would behave different to <?php echo do_shortcode('[gravityform id="3" ajax="true"]'); ?> … That makes no sense as it should effectively do the same thing.

Can you share a link? I’d like to see it live…

I agree. I have TWO GF forms on the following page. The one is question is under the photos and is called “Schedule a Showing” – green link to modal. Here’s link:
https://hmsre.com/listing-details/listing-22617-5301-n-12th-st-philadelphia-pa-6486374/
*Any listing is fine to test… as this may expire once it sells.

The side widget is the main form I used to format the new one. First is #1 and the new one is #3. I have also redid my recaptcha api code too – in case of any issues there. Tried basic form I called #4 with no validation and the submit doesn’t work there either.

I appreciate your help. I prefer to use your pluggin versus the enfold theme one.

Ok, when loading that page I see several blocking script errors occurring. One of them is related to inline gfroms script code:

Uncaught SyntaxError: Unexpected token ILLEGAL    (index):575

You will need to get GF support on that one. I have no clue…