https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question Gravity Support Forums Topic: Custom form layout question en-US Sun, 19 Apr 2026 23:22:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question#post-7267 Sat, 10 Jul 2010 23:49:24 +0000 Kevin Flahaut 7267@https://legacy.forums.gravityhelp.com/ <p>No worries. Glad you got it working. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question#post-7257 Sat, 10 Jul 2010 16:18:05 +0000 Michael 7257@https://legacy.forums.gravityhelp.com/ <p>It works! Thank you very much for your help. I feel kind of stupid for the bracket mistake... I appreciate you taking the time to examine it close enough to catch it. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question#post-7175 Thu, 08 Jul 2010 16:43:24 +0000 Kevin Flahaut 7175@https://legacy.forums.gravityhelp.com/ <p>Jason,</p> <p>I'm looking at your form with my code inspector and don't see any reference to either CSS rule now. When I'm looking at the CSS file directly, I see the rule at the bottom.</p> <p>When running it through the validator checking for errors it was flagging that section. After some staring at it, I see the issue.. your syntax is wrong.. your brackets are mismatched.. both should be curly brackets. </p> <p>It should be like this.</p> <pre><code>ul#input_4_1 {overflow:hidden;} ul#input_4_1 li {float:left; width:25%;}</code></pre> <p>You won't need that last line with the specific field id's either, these should apply the rule to all the children of that list. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question#post-7169 Thu, 08 Jul 2010 15:48:58 +0000 Michael 7169@https://legacy.forums.gravityhelp.com/ <p>Thank you for your quick response. I tried your suggestion and the result is a one column layout down the left side of the page. I tried the code you gave me with 25% and 23% and with and without the code I previously had... all results gave me the one column layout. </p> <p>Maybe this will help... Here's the line of code that I had previously that gave me the layout I described in the first post:</p> <p>#field_4_1 .gchoice_1_1, .gchoice_1_2, .gchoice_1_3, .gchoice_1_4, .gchoice_1_5, .gchoice_1_6, .gchoice_1_7, .gchoice_1_8, .gchoice_1_9, .gchoice_1_10, .gchoice_1_11, .gchoice_1_12 {<br /> float: left;<br /> width: 23%;<br /> }</p> <p>Thank you,<br /> Jason </p> https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question#post-7107 Wed, 07 Jul 2010 19:16:09 +0000 Kevin Flahaut 7107@https://legacy.forums.gravityhelp.com/ <p>looks like you missed one of the field ids in your rule. I believe that's causing the odd floating you're seeing. You can simplify this with some inheritance.. just target any list item in that checkbox list</p> <p>try this</p> <pre><code>ul#input_4_1 {overflow:hidden;} ul#input_4_1 li {float:left; width:25%;}</code></pre> <p>Now, there are some properties (margins, padding, etc) that may effect the width percentage, so for 4 columns, you may actually have to specify the width as 23% or something like that. It depends on what they inherit from other CSS rules but you can tinker with it and see what works.</p> <p>Let me know if you still have problems and we'll proceed from there. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-layout-question#post-7104 Wed, 07 Jul 2010 18:51:14 +0000 Michael 7104@https://legacy.forums.gravityhelp.com/ <p>I have created a form on the following url: <a href="http://www.decoridesigns.info/style" rel="nofollow">http://www.decoridesigns.info/style</a></p> <p>What I would like to do is have a 4 column layout, but have the fields populate horizontally. What I did was make each field have a width of 25% and float left. I'm not sure why, but instead of having 3 rows of 4 fields, my result was 4 rows, the top row has 4 fields, the middle rows have 3 fields, and the bottom row has 2 fields.</p> <p>What would you suggest to achieve my desired outcome instead of the appearance that I currently have?</p> <p>Thank you,<br /> Jason </p>