We have a page on our site that has three individual forms on the same page. Everything seems to be saving properly, but when you click the submit button you get two spinners that show up beside the submit button while the form is being submitted via ajax. Any idea why this is happening?
We're using the following code to add a form to the page.
gravity_form(2, true, true, false, null, true);
Please provide a link to your form.
Also, in what browser are you experiencing this issue?
Click on the first orange button down on the left and then submit the form: http://www.thoughtfarmer.com/demo/demoa/
I'm using Google Chrome on a Mac
I tried in Chrome and Firefox, both on Windows 7, and I see the double spinner. However, the form never submits. It just hangs.
Are you enqueuing the scripts yourself, since you are adding the form to the page using the function call?
http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts
I wasn't enqueuing the scripts myself so I tried that and I'm still getting the same issue.
The issue seems to be related to the Fancybox jquery plugin we're using for popping up the forms. We output the forms inline on the page, but hidden. So when Fancybox creates it's lightbox for the form, it would duplicate the script tag in the footer of the form, thus we were getting those double spinners. I buffered the output of the gravityform call and then excluded the script block from the div containing the form and now it seems to work.
