https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields Gravity Support Forums Topic: Submit button inline with form fields en-US Mon, 20 Apr 2026 02:31:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-52423 Wed, 14 Mar 2012 15:06:03 +0000 Kevin Flahaut 52423@https://legacy.forums.gravityhelp.com/ <p>@carnavat - since you NOW have a priority support ticket open for this, I'm closing this topic so there's no duplication of effort. We'll follow up via the priority support channel. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-52417 Wed, 14 Mar 2012 14:12:40 +0000 carnavat 52417@https://legacy.forums.gravityhelp.com/ <p>Yea, my form is id 1. I cant post my form because my site has a coming soon page set up. You have to log in to see the front page. I would need to give you my user name and password directly..</p> <p>here is an image of how I want the form to look. <a href="http://www.studioc5.com/clients/ccc/home2.html" rel="nofollow">http://www.studioc5.com/clients/ccc/home2.html</a> </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-52414 Wed, 14 Mar 2012 13:27:36 +0000 Kevin Flahaut 52414@https://legacy.forums.gravityhelp.com/ <p>@Carnavat, did you modify the above example with your form ID, etc? If not, then it probably won't work. Also, if you don't share a URL to your form, it's really difficult to give you any specific guidance. Our crystal ball is really low on batteries so if we can actually see the form it would help out. :) </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-52412 Wed, 14 Mar 2012 13:14:29 +0000 carnavat 52412@https://legacy.forums.gravityhelp.com/ <p>Can anyone else make a suggestion on this. The example above had no effect on my form. I have a widget area on my site that is 358px wide. I have no other css that would overwrite gravity forms standard classes. Im using a 92 x 42 button image.. I need everything to be on the same line with the button to the right. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-10345 Fri, 24 Sep 2010 21:17:25 +0000 alexmessinger 10345@https://legacy.forums.gravityhelp.com/ <p>Brilliant! Thanks so much. This one was really stumping me. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-10288 Fri, 24 Sep 2010 09:52:41 +0000 Kevin Flahaut 10288@https://legacy.forums.gravityhelp.com/ <p>This should be what you need. The rules are specific to the your form ID #1. You'll want to remove the other styles you had so they don't conflict.</p> <pre><code>/* set the form wrapper to relative so we can absolutely position inside of it */ #gform_wrapper_1 {position:relative; width:475px; float:right } /* resize the label a bit so the text doesn&#39;t wrap &amp; set the line height so it centers vertically with the input */ #gform_wrapper_1 gfield_label {width:32%; line-height:2} /* set a size for the footer container, change the position and align it to the right of the input */ #gform_wrapper_1 .gform_footer {width:40px; height:26px position:absolute; top:-26px; right:60px;}</code></pre> <p><a href="http://grab.by/grabs/5c9566ea6878326296ecf0f394b1d4ed.png" rel="nofollow">Test Screenshot</a></p> <p>You may have to tweak widths, percentages, etc. further to suit your placement, but that's the general idea. Hope it helps</p> <p>To answer your second question, no, you can't copy-n-paste the form HTML, it won't submit properly. It has to be displayed using either the shortcode or function call for it to work as intended. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-10284 Fri, 24 Sep 2010 07:03:10 +0000 alexmessinger 10284@https://legacy.forums.gravityhelp.com/ <p>Alternatively, is there a way to just put in the basic html (instead of the shortcode or function call) and have the form submit </p> https://legacy.forums.gravityhelp.com/topic/submit-button-inline-with-form-fields#post-10283 Fri, 24 Sep 2010 07:01:24 +0000 alexmessinger 10283@https://legacy.forums.gravityhelp.com/ <p>I've reviewed the other posts on displaying form fields inline, but I can't get the submit button to display inline. Any advice would be most welcome. See the email signup at the bottom of the page (green background added for debugging) <a href="http://dvcco.xandradesign.com/" rel="nofollow">http://dvcco.xandradesign.com/</a> </p>