PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

GForms with Colorbox Modal Windows

  1. Hej,

    im want to have a form in a modal pop overlay window using colorbox. i m using the following code and have ajax enabled:

    gravity_form(2, false, false, false, '', true, 12);

    The window opens and the form is shown, but when i click on the submit button, nothing changes. neither error messages or sending. Do you guys have en example page for that? Does Gforms actually work with modal windows?

    Check the demo at http://se.netigate.se/relaunch/ and click on the "Try Now" button.

    Posted 12 years ago on Thursday October 4, 2012 | Permalink
  2. David Peralty

    There are plenty of people that have gotten modal windows to work with Gravity Forms after a bit of messing around as each JS library can create its own issues.

    First off, you have some JS errors on page that might be causing problems:
    Failed to load resource: the server responded with a status of 404 (Not Found) http://se.netigate.se/relaunch/js/basic-jquery-slider.js
    3
    Unsafe JavaScript attempt to access frame with URL http://se.netigate.se/relaunch/ from frame with URL http://www.youtube.com/embed/o7-7etZWeXQ?rel=0. Domains, protocols and ports must match.
    chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/contentScript3.js:498

    Here are instructions from one of the developers regarding putting Gravity Forms in a modal window:

    http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/

    Hope it helps!

    Posted 12 years ago on Thursday October 4, 2012 | Permalink
  3. hi. which addon do you use for chrome? i gonna fix that asap

    Posted 12 years ago on Friday October 5, 2012 | Permalink
  4. thanks. the trick is to load the modal window via an iframe. this post actually helped understanding the process.

    http://www.seodenver.com/gravity-forms-ajax/

    Posted 12 years ago on Friday October 5, 2012 | Permalink
  5. David Peralty

    I just used Google Chrome, right click and selected Inspect. And I'm glad you figured it out.

    Posted 12 years ago on Friday October 5, 2012 | Permalink

This topic has been resolved and has been closed to new replies.