https://legacy.forums.gravityhelp.com/topic/submit-button-placement-below-a-specific-field Gravity Support Forums Topic: Submit button placement below a specific field en-US Fri, 17 Apr 2026 06:57:26 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/submit-button-placement-below-a-specific-field#post-79096 Fri, 05 Oct 2012 08:57:28 +0000 Chris Hajer 79096@https://legacy.forums.gravityhelp.com/ <p>On those two form pages, have you implemented one of the suggested approaches? I see that it's not working but I am unclear if in its current state that it SHOULD be working. Please let me know if the code I provided is in place and I will take a look and see why it does not appear to be working.</p> <p>Also, the layout of both pages looks strange/incomplete, but may be just because you are testing. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-placement-below-a-specific-field#post-78993 Thu, 04 Oct 2012 23:02:54 +0000 sksenthilvel 78993@https://legacy.forums.gravityhelp.com/ <p>Hi Chris,</p> <p>Neither of these approaches seem to work in my case. The 2 forms can be viewed at <a href="http://www.ishausa.org/monthly-giving-every-brick-counts-ebc/" rel="nofollow">http://www.ishausa.org/monthly-giving-every-brick-counts-ebc/</a> and <a href="http://www.ishausa.org/general-donation/" rel="nofollow">http://www.ishausa.org/general-donation/</a>. Yes I did substitute the id of the button appropriately in both cases. IN the first case, then new button seems to be hidden because of a parent<br /> &lt; LI &gt; element whose display is set to none.</p> <p>Thanks,<br /> Aishwarya </p> https://legacy.forums.gravityhelp.com/topic/submit-button-placement-below-a-specific-field#post-78672 Wed, 03 Oct 2012 10:18:59 +0000 Chris Hajer 78672@https://legacy.forums.gravityhelp.com/ <p>You can try a couple different things. One approach would be to make space for the button and to move the button up with CSS. </p> <pre><code>[css] /* this will make space for the button */ body .gform_wrapper #field_6_18 { margin-bottom: 80px; } /* this will move the button up */ body .gform_wrapper #gform_submit_button_6 { position: fixed; bottom: 350px; }</code></pre> <p>The second approach would be to add an HTML block to your form and add the submit button to it. Add the block right in the form where you want the button to appear. This would be the content of the HTML block:</p> <pre><code>[html] &lt;input type=&#39;submit&#39; id=&#39;gform_submit_button_up&#39; class=&#39;button gform_button&#39; value=&#39;Submit&#39; tabindex=&#39;37&#39; /&gt;</code></pre> <p>(note the different ID here so that our CSS rule below does not apply to our new button)</p> <p>Then hide the real submit button with CSS:</p> <pre><code>[css] body .gform_wrapper #gform_submit_button_6 { display:none!important; }</code></pre> <p>Let us know if either one of those approaches works for you. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-placement-below-a-specific-field#post-78608 Wed, 03 Oct 2012 04:34:22 +0000 sksenthilvel 78608@https://legacy.forums.gravityhelp.com/ <p>Can someone please take a look ? </p> https://legacy.forums.gravityhelp.com/topic/submit-button-placement-below-a-specific-field#post-77720 Thu, 27 Sep 2012 18:42:11 +0000 sksenthilvel 77720@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I would like the Submit button in <a href="http://test.ishausa.org/6129-2/" rel="nofollow">http://test.ishausa.org/6129-2/</a> to show up right above the "Your contribution is tax-deductible to the extent allowed by law" text and not at the end of the form. Please let me know how I can achieve this.</p> <p>Thanks,<br /> Aishwarya </p>