PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

columns without CSS Ready Classes

  1. I need to split the form into two columns. unfortunately the layout is very strict and i have to place labels left of the input fields instead of on top of them and there are also other requirements which lead to the fact that i need the fields in a specific order. So the CSS Ready Classes variant is insufficient for my needs. Is there an alternative possibility to achieve two columns?

    thanks in advance

    Posted 5 years ago on Saturday April 6, 2013 | Permalink
  2. Richard Vav
    Administrator

    Can you share a link to a page with your form on it and could you describe which fields want going where so we can offer more targeted advice

    Posted 5 years ago on Saturday April 6, 2013 | Permalink
  3. You can use the left label layout option, then use strategically placed HTML blocks to introduce new HTML markup into the list.. essentially breaking up the main containing list and adding div wrappers that you would eventually float and use to create columns. There is a similar example from a while back here. While the example references multiple columns, the idea is essentially the same.

    http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425

    Posted 5 years ago on Sunday April 7, 2013 | Permalink
  4. here's the layout i need to implement http://dev.webfeeling.at/form.png . i've already had the idea of using the HTML elements but i didn't think about closing the ULs ... stupid me ;). So i'll try Kevin's solution, since i can also build blocks over multiple fields inside one column.

    thanks a lot so far

    Posted 5 years ago on Sunday April 7, 2013 | Permalink