https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof Gravity Support Forums Topic: Client loves form, doens't like layout (or lack thereof) en-US Wed, 22 Apr 2026 09:55:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-65389 Mon, 09 Jul 2012 15:35:10 +0000 Rob Harrell 65389@https://legacy.forums.gravityhelp.com/ <p>Glad you got it working, thanks for letting us know. </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-65388 Mon, 09 Jul 2012 15:24:23 +0000 braaad 65388@https://legacy.forums.gravityhelp.com/ <p>Alright! Nailed this one. The secret was to use an HTML block with <code>&lt;br style=&quot;clear:both;&quot; /&gt;</code> before each section break. After that the gf_left_half and gf_right_half classes worked just like you described. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-65211 Sun, 08 Jul 2012 00:53:37 +0000 Chris Hajer 65211@https://legacy.forums.gravityhelp.com/ <p>Brad, similar question and response here:<br /> <a href="http://www.gravityhelp.com/forums/topic/how-to-make-this-2-col-layout" rel="nofollow">http://www.gravityhelp.com/forums/topic/how-to-make-this-2-col-layout</a> </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-65099 Fri, 06 Jul 2012 19:22:31 +0000 braaad 65099@https://legacy.forums.gravityhelp.com/ <p>Wow, the CSS Ready Classes method is more cumbersome than I imagined- at least for the form I'm trying to build. Please take a second and check out the screen capture of what I have: <a href="http://screencast.com/t/PJIl0KeJ3jBf" rel="nofollow">http://screencast.com/t/PJIl0KeJ3jBf</a></p> <p>As you can see, it starts off well enough but turns into a mess when the section breaks come into play (desayuno, drips and ensaladas). Well to be precise, the desayuno section break behaves just fine- it's dips and ensaladas that are funky.</p> <p>I tried assigned gf_left_half to the section breaks but it didn't help. I tried adding a floats and clears to that element in the stylesheet, but no dice.</p> <p>What class do I need to add to the section breaks to make them float left and clear all the elements below them? Or if that's not the problem, then what am I doing wrong??</p> <p>Thanks!<br /> Brad </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-65098 Fri, 06 Jul 2012 18:53:19 +0000 braaad 65098@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob- that makes sense. </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-64913 Thu, 05 Jul 2012 20:32:29 +0000 Rob Harrell 64913@https://legacy.forums.gravityhelp.com/ <p>Brad, this is because you have to alternate the order of your fields. Meaning, in the formbuilder - the first gf_left_third field will be first, then the second field would be the first gf_middle_third and then the third fields would be the gf_middle_third. Then you just rinse and repeat.</p> <p>If you are looking to do columns in a different way you can use strategically placed HTML blocks as well - see this thread here for an example:</p> <p><a href="http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425" rel="nofollow">http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425</a> </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-64912 Thu, 05 Jul 2012 20:19:21 +0000 braaad 64912@https://legacy.forums.gravityhelp.com/ <p>Hi David,</p> <p>I'm finally just now using the CSS Ready Classes. I've applied gf_left_third, gf_middle_third and gf_right_third to three of the sections in the form. As you can see, I need a hand: <a href="http://tinyurl.com/7876vmd" rel="nofollow">http://tinyurl.com/7876vmd</a></p> <p>I triple checked the classes of each element and everything seems to be correct: all contact info are assigned gf_left_third, desayuno elements are assigned gf_middle_third, and all dips are assigned gf_right_third. Here's a screencap: <a href="http://screencast.com/t/9iyKghdNy" rel="nofollow">http://screencast.com/t/9iyKghdNy</a></p> <p>So, I was expecting to see three nice columns next to each other but something's wonky. Any ideas what I'm doing wrong?</p> <p>Thanks,<br /> Brad </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-63831 Wed, 27 Jun 2012 16:20:18 +0000 braaad 63831@https://legacy.forums.gravityhelp.com/ <p>Nice! That looks exactly what I'm after- thanks David. </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-63830 Wed, 27 Jun 2012 16:12:04 +0000 David Peralty 63830@https://legacy.forums.gravityhelp.com/ <p>Take a look at our CSS Ready Classes. They might be able to help you, if you give it more horizontal space to flow into:<br /> <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a> </p> https://legacy.forums.gravityhelp.com/topic/client-loves-form-doenst-like-layout-or-lack-thereof#post-63829 Wed, 27 Jun 2012 16:10:39 +0000 braaad 63829@https://legacy.forums.gravityhelp.com/ <p>I used Gravity Forms to make a simple take-out order form for a restaurant: <a href="http://tinyurl.com/7876vmd" rel="nofollow">http://tinyurl.com/7876vmd</a>. It works exactly the way I want it, and client likes it EXCEPT it's way too long (vertically). Too much scrolling down. So... what are my options? I can remove the sidebar from my theme, but is there any way to make the form into two columns?</p> <p>Or, are there other solutions? </p>