https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error Gravity Support Forums Topic: Reposition the submit button on form error en-US Sat, 04 Apr 2026 22:32:58 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-39308 Sat, 29 Oct 2011 13:59:54 +0000 Chris Hajer 39308@https://legacy.forums.gravityhelp.com/ <p>Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-39305 Sat, 29 Oct 2011 11:15:38 +0000 sscovil 39305@https://legacy.forums.gravityhelp.com/ <p>Ah, that explains it! I didn't realize gform_post_render was a new feature, not yet available in 1.5.x...</p> <p> I'll grab 1.6 and give it a go as soon as it's available. Thanks for your help. </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-39226 Fri, 28 Oct 2011 11:51:26 +0000 Kevin Flahaut 39226@https://legacy.forums.gravityhelp.com/ <p>If you want to bump up to the 1.6 Release Candidate version you can take advantage of the new "gform_post_render" hook available for AJAX forms.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_post_render" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_post_render</a></p> <p>The RC is stable and the 1.6 final is scheduled for release at the first of next week. You can grab it from the downloads page if you want to give it a shot. </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-39195 Fri, 28 Oct 2011 02:47:09 +0000 Kevin Flahaut 39195@https://legacy.forums.gravityhelp.com/ <p>Sorry, didn't see your reply. It's real late here so I'll look at it fresh for you in the AM and see what I can offer. </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-39179 Thu, 27 Oct 2011 23:34:08 +0000 sscovil 39179@https://legacy.forums.gravityhelp.com/ <p>Still stuck on this...just wanted to be sure you got my reply.</p> <p>Thanks again! </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-38900 Tue, 25 Oct 2011 14:47:44 +0000 sscovil 38900@https://legacy.forums.gravityhelp.com/ <p>Hey Kevin,</p> <p>Here is a link to the development site: <a href="http://buccan.mynewsitepreview.com/" rel="nofollow">http://buccan.mynewsitepreview.com/</a></p> <p>Forms appear inside of tooltips when you hover over certain links in the footer. Try hovering over the 'Contact' link and just hitting the submit button without filling out the form, and you'll notice two problems:</p> <p>1) The form tooltip resizes off the bottom of the page; and<br /> 2) The submit button overlaps form fields because of the error boxes.</p> <p>I can resolve both issues using jQuery to animate the tooltip when it is resized and reposition the submit button, if I can just bind my error handling function to this darn gform_post_render hook...</p> <p>Thanks in advance! </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-38841 Tue, 25 Oct 2011 02:37:50 +0000 Kevin Flahaut 38841@https://legacy.forums.gravityhelp.com/ <p>Can you post a URL to your form so we can take a look at it? That would help a bit. </p> https://legacy.forums.gravityhelp.com/topic/reposition-the-submit-button-on-form-error#post-38807 Mon, 24 Oct 2011 17:49:06 +0000 sscovil 38807@https://legacy.forums.gravityhelp.com/ <p>Hey gang,</p> <p>I've re-positioned my form submit button using the following CSS:</p> <pre><code>.gform_image_button { float: right; position: absolute; right: 3px; bottom: 40px; }</code></pre> <p>The button is right where I want it but, if the user submits the form with an error, the error messages will cause the button to overlap some form fields. (I'm using AJAX forms, btw.)</p> <p>Below is the solution I came up with, which doesn't work. I've placed this script in my HEAD section. I'm hoping you folks can spot what I'm doing wrong...</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function($) { // On form validation error, adjust the position of the submit button to prevent overlapping $(document).bind(&quot;gform_post_render&quot;, function(){ tooltip_form_error(); }); function tooltip_form_error(){ if( $(&quot;.validation_error&quot;).length &gt; 0 ) { $(&quot;.gform_image_button&quot;).css(&quot;bottom&quot;,&quot;0px !important&quot;); }; } }); &lt;/script&gt;</code></pre>