https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other Gravity Support Forums Topic: Displaying 2 input fields next to each other en-US Wed, 22 Apr 2026 16:12:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52918 Mon, 19 Mar 2012 20:09:25 +0000 Kevin Flahaut 52918@https://legacy.forums.gravityhelp.com/ <p>OR You can try this..</p> <pre><code>[css] input#gform_submit_button_2 { margin-left: 320px; margin-top: -45px; position: absolute; }</code></pre> <p>screenshot: <a href="http://bit.ly/GzNtXq" rel="nofollow">http://bit.ly/GzNtXq</a></p> <p>but you're going to run into problems with the validation because your background image won't expand to accomodate the validation message and the validation styles. You're going to either have to omit the validation, figure out how to expand the container background or re-style/override the validation styles to make it work.</p> <p>screenshot: <a href="http://bit.ly/GzNtXq" rel="nofollow">http://bit.ly/GzNtXq</a></p> <p>Either way, you're going to need to do a bit more work to get it right </p> https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52916 Mon, 19 Mar 2012 20:05:51 +0000 Rob Harrell 52916@https://legacy.forums.gravityhelp.com/ <p>Try this out:</p> <pre><code>[css] .gform_wrapper .gform_footer { padding-top: 0 !important; clear: none !important; float: left; margin: -15px 0 0 0 !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52898 Mon, 19 Mar 2012 16:54:49 +0000 R Chilton 52898@https://legacy.forums.gravityhelp.com/ <p><a href="http://whistlerworks.com/clients/remax/site/" rel="nofollow">http://whistlerworks.com/clients/remax/site/</a></p> <p>as you can see I have the submit button very close to where I need it to be, but margin top is not working to get it into place. (It is the top form in the blue box)</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52894 Mon, 19 Mar 2012 16:32:50 +0000 Kevin Flahaut 52894@https://legacy.forums.gravityhelp.com/ <p>Cool. Glad that got you started. It will be easier to give more specific guidance if I can see the actual form. Can you post a URL where I can see it? </p> https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52893 Mon, 19 Mar 2012 16:28:06 +0000 R Chilton 52893@https://legacy.forums.gravityhelp.com/ <p>Great ~ that worked perfect. Now I'm using the an image as the submit button and on my second line I will have two input boxes and the inline with those I will have the submit button. If I use the gf_left_half and the gf_right_half to get the imput boxes in line how do I get the submit button inline as well.</p> <p>Thanks so much. </p> https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52892 Mon, 19 Mar 2012 16:03:40 +0000 Kevin Flahaut 52892@https://legacy.forums.gravityhelp.com/ <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>Look for the "gf_inline" or "gf_left_half"/"gf_right_half" classes. </p> https://legacy.forums.gravityhelp.com/topic/displaying-2-input-fields-next-to-each-other#post-52891 Mon, 19 Mar 2012 16:01:59 +0000 R Chilton 52891@https://legacy.forums.gravityhelp.com/ <p>I have 4 input fields all together. I want the first 2 side by side and then the next 2 under them side by side. Need some help with code. </p>