I have a multi page form set up.
On page 1 of the form, I have products. These products are split by Section (categories)
My problem is that this makes the form look too long but very thin.
As such, I wish to split the products into 2 columns.
I have experimented with gf_left_half and gf_right_half css classes, however this is not ideal for me.
Is it possible to have an entire section as a left_half and the next section as a right_half?
The only way to do this would be some strategically placed HTML fields along with some custom styling - check out this thread here:
http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425
First HTML content:
<div style="width: 30%; float: left">Section & Product Fields
Second HTML Content:
</div><div style="width: 30%; float: right">Section & Product Fields
Third HTML Content
</div>But instead of creating 2 columns, it creates a left column. Then clears the float, then creates the right column. So the right column appears below the left column.
It looks like you might be missing some markup there. Did you see the instructions in that thread I linked to? About closing elements and reopening, etc?