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.

Forms in a Shadowbox

  1. I have my gravity form opening in a Shadowbox, and that's functioning perfectly.

    If I complete the fields in the form and submit the data, the data is submitted and the Shadowbox closes. However, if I miss a required field, because the Shadowbox closes, the errors aren't displayed.

    How can I allow the submit button to reload the Shadowbox with the validation errors, or alternatively redirect the users to a page with the embedded form and the validation errors?

    Posted 13 years ago on Saturday June 26, 2010 | Permalink
  2. The form is working as it should, you just need to implement your Shadowbox script a little differently to get it to work the way you want.

    You need to call the form in a iframe instead of via the ajax method. Most lightbox/shadowbox type scripts have this as an option. That way, when the form posts, it's still within the iframe and doesn't close the modal window and you can still see your confirmation or errors in the same window.

    I only see one reference to an iframe on the page, but I'm assuming it supports it.

    http://www.shadowbox-js.com/usage.html

    You can also check out this tutorial I did a while back for using the FancyBox script.. the methodology would be the same, just using your script instead of FancyBox

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

    Good luck

    Posted 13 years ago on Saturday June 26, 2010 | Permalink