https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns Gravity Support Forums Topic: Splitting a form into two columns en-US Sun, 19 Apr 2026 23:36:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55862 Thu, 19 Apr 2012 15:51:35 +0000 Kevin Flahaut 55862@https://legacy.forums.gravityhelp.com/ <p>Yep, if you're a bit creative with the HTML blocks, you can do a lot of nifty stuff. Glad you found that last example and thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55852 Thu, 19 Apr 2012 15:27:12 +0000 eschoolnews 55852@https://legacy.forums.gravityhelp.com/ <p>Worked like a charm. Sometime the easiest solution is staring you right in the HTML block. I will post it once it is in it's final URL for everyone else to see in the future. </p> https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55844 Thu, 19 Apr 2012 14:53:32 +0000 eschoolnews 55844@https://legacy.forums.gravityhelp.com/ <p>Thank you, for the quick reply Found an example (once i used the search terms...)</p> <p><a href="http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout#post-52634" rel="nofollow">http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout#post-52634</a> </p> https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55843 Thu, 19 Apr 2012 14:52:38 +0000 David Peralty 55843@https://legacy.forums.gravityhelp.com/ <p>Try what I listed above to be able to block them out in larger groups by surrounding them with divs using the HTML block field and let me know if that works for you. </p> https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55840 Thu, 19 Apr 2012 14:48:40 +0000 eschoolnews 55840@https://legacy.forums.gravityhelp.com/ <p>BTW. I found <a href="http://www.gravityhelp.com/forums/topic/how-to-split-form-into-two-columns-single-line-entries-left-text-area-right" rel="nofollow">http://www.gravityhelp.com/forums/topic/how-to-split-form-into-two-columns-single-line-entries-left-text-area-right</a> before posting this. It is almost what I need, if only I had so few fields. I been working with the info on <a href="http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/" rel="nofollow">http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/</a> </p> https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55838 Thu, 19 Apr 2012 14:48:26 +0000 David Peralty 55838@https://legacy.forums.gravityhelp.com/ <p>You could use the HTML block field to insert HTML before or after a set of fields which you could then hook into via CSS to do what you are after. </p> https://legacy.forums.gravityhelp.com/topic/splitting-a-form-into-two-columns#post-55837 Thu, 19 Apr 2012 14:42:48 +0000 eschoolnews 55837@https://legacy.forums.gravityhelp.com/ <p>I am trying to split a form into two columns. I know with the built in styles you can do the following:<br /> Q1 | Q2<br /> Q3 | Q4 ...</p> <p>But this has the problem that items have to be of a similar height on the right and left to avoid white space after questions</p> <p>I am looking for a way to lay out a form<br /> Q1 | Q5<br /> Q2 | Q6<br /> Q3 | Q7<br /> Q4</p> <p>A sample of what I would like the form to look like in the end (what I am replacing with your product):<br /> <a href="http://www.eclassroomnews.com/wp-login.php?action=register" rel="nofollow">http://www.eclassroomnews.com/wp-login.php?action=register</a></p> <p>Is there a simple simple way to wrap questions in a div?<br /> &lt;div class="rightside"&gt; 1, 2, 3, 4, 5&lt;/div&gt;<br /> &lt;div class="leftside"&gt; 6, 7, 8&lt;/div&gt;</p> <p>I know I can use PHP to possibly insert a string into the form, by capturing what gravity is outputting. Lots that could go wrong there... I have looked at the hooks, and found many that they let me alter values or class of a field, but none that would let me insert html before or after a field. </p>