https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them Gravity Support Forums Topic: Two columns layout with two sub-columns in them en-US Mon, 20 Apr 2026 04:35:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-44868 Fri, 23 Dec 2011 01:05:59 +0000 Chris Hajer 44868@https://legacy.forums.gravityhelp.com/ <p>The subscribe to topic functionality in bbPress is flaky. Sorry for the inconvenience. </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-44788 Thu, 22 Dec 2011 07:42:57 +0000 danielmt 44788@https://legacy.forums.gravityhelp.com/ <p>Ok, thanks. The notifications, I mean the forum notifications. When you write a response, I don't receive them...although I check the "subscribe to this topic via email". </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-44730 Wed, 21 Dec 2011 17:21:28 +0000 Carl Hancock 44730@https://legacy.forums.gravityhelp.com/ <p>I'm not entirely sure of another way to do this purely with built in ready classes.</p> <p>As for notifications, which notifications are you referring to? The forum notifications or the email notifications for your Gravity Forms? </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-44672 Wed, 21 Dec 2011 10:44:28 +0000 danielmt 44672@https://legacy.forums.gravityhelp.com/ <p>Ok, Rob. It worked like a charm! Thank you very much.</p> <p>Is there another way to achieve the same column layout, without the need of using the div "trick". Just by using your built-in classes or similar?</p> <p>Thanks.</p> <p>(P.S. Why cannot I receive the notifications?) </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-44659 Wed, 21 Dec 2011 09:05:08 +0000 Rob Harrell 44659@https://legacy.forums.gravityhelp.com/ <p>Daniel, figured it out for you. Since we are placing a new div ID into the mix, the ready classes don't fall in line with that HTML structure, so simply add this to your theme's stylesheet:</p> <pre><code>[css] #columna_izquierda .gf_inline, #columna_derecha .gf_inline { vertical-align: top; zoom: 1; width: auto !important; float: none !important; display: -moz-inline-stack; display: inline-block; zoom: 1; } #columna_izquierda input.small, #columna_derecha input.small { width: 5em; }</code></pre> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-44657 Wed, 21 Dec 2011 08:41:26 +0000 danielmt 44657@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>Sorry for the delay. Looking at your answer, you are talking about multiple choice/checkbox lists....but there's no one in the form I sent to you. So your answer is not very helpful.</p> <p>Here's is the form that I've finally built: <a href="http://www.myagestores.es/solicitud-de-estudio-energetico/" rel="nofollow">http://www.myagestores.es/solicitud-de-estudio-energetico/</a></p> <p>But what I'm trying to achieve is this: <a href="http://www.myagestores.es/files/2011/12/my-goal.jpg" rel="nofollow">http://www.myagestores.es/files/2011/12/my-goal.jpg</a><br /> As you can see, there are two main columns but with multiple fields under them.</p> <p>I've followed this post because I thought it was the solution: <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> <p>But, after following it, what I've got is this one: <a href="http://www.myagestores.es/testing/" rel="nofollow">http://www.myagestores.es/testing/</a><br /> As you can see, I have the two main columns, but the width of the "small" fields has grown, and they've lost the "gf_inline" property.</p> <p>Can you help me with this issue? Is there another way to achieve it?</p> <p>Thanks in advance.</p> <p>(P.S. I'm subscribed to the topic, but your answers aren't sent to my inbox. Can you check it, please?) </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-42857 Fri, 02 Dec 2011 08:12:14 +0000 Rob Harrell 42857@https://legacy.forums.gravityhelp.com/ <p>Daniel/Sascha to achieve columns within columns you can just combine the ready classes.</p> <p>So, to achieve the columns, you need to place the classes on each field and alternate them. So you would have the first section break with gf_left_half then the next section break right after with gf_right_half. </p> <p>Then for your radio/checkboxes you would place:</p> <p>gf_left_half gf_list_2col on the first set and then gf_right_half gf_list_2col on the second set.</p> <p>Keep in mind that the column ready classes work only with multiple choice/checkbox lists. I'm sure we can whip up some sort of css magic of some kind if you are using different fields to try to achieve what you are looking for in terms of using other fields within the columns. </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-42812 Thu, 01 Dec 2011 19:44:47 +0000 danielmt 42812@https://legacy.forums.gravityhelp.com/ <p>I create one and send you the link. Thanks. </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-42811 Thu, 01 Dec 2011 19:42:36 +0000 Rob Harrell 42811@https://legacy.forums.gravityhelp.com/ <p>Daniel, can you hook me up with a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/two-columns-layout-with-two-sub-columns-in-them#post-42810 Thu, 01 Dec 2011 19:41:24 +0000 danielmt 42810@https://legacy.forums.gravityhelp.com/ <p>Any help on this? </p>