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.

2 column layout issues

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Schrock
    Member

    I'm currently trying to set up a form using a two column layout. The issue I'm having is that the text fields in the left column seem to break/push down the right column.

    In the left column, I have a text field, a series of 6 checkboxes followed by another text field. The right column aligns itself to the last text box in the left column. If I remove the last text field in the left column, the right column aligns itself to the first text box at the top of the left column but isn't "flush" to the top.

    I have confirmed that all of the css classes (gf_left_half, gf_right_half) are correct and the form is set to "top-align" labels.

    Below is an image that will hopefully better illustrate the problem:
    https://dl.dropbox.com/u/90202015/gforms.jpg

    Thanks!!

    Posted 11 years ago on Tuesday July 10, 2012 | Permalink

  2. Rob Harrell
    Member

    When you use these two classes in tandem, they need to be staggered. Meaning your first field would use gf_left_half and your second field would use gf_right_half and your third field would use gf_left_half and so on.

    Posted 11 years ago on Tuesday July 10, 2012 | Permalink

  3. Schrock
    Member

    ahhhh...suddenly I feel foolish. Thanks for the fast reply!!

    Posted 11 years ago on Tuesday July 10, 2012 | Permalink

  4. Rob Harrell
    Member

    No worries - glad to help!

    Posted 11 years ago on Tuesday July 10, 2012 | Permalink

This topic has been resolved and has been closed to new replies.