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 Not Lining Up

  1. I'd like to place SHIPPING & BILLING information in 2 columns next to each other. Currently, I'm using the "left & right" CSS value. However, the right column is getting pushed down to the bottom of the left column.

    Here's a link to view what's going on:
    http://trial.getyourphotosoncanvas.com/gravity-form-mock-trial-2/#gf_4

    Thank you very much for your help!

    Posted 12 years ago on Monday November 7, 2011 | Permalink
  2. Are you sure you are alternating the field classes in the form builder?

    Halves (2 Columns)

    Note: These only work with the "top label" form layout option.

    gf_left_half
    This places the field in the left column (left half) of a 2 column layout. This only work with the "top label" form layout option.

    gf_right_half
    This places the field in the left column (right half) of a 2 column layout. This only work with the "top label" form layout option.

    To align two fields side by side (2 equal columns) you can add these classes. The two fields have to be adjacent to each other in the Form Builder. The gf_left_half class has to be added to the first field and the gf_right_half class to the second field.

    Posted 12 years ago on Monday November 7, 2011 | Permalink
  3. Hi i see what you mean.
    But then when people TAB OVER to get to the next field it takes them back and forth between Shipping and Billing, which isn't very user-friendly.
    Is there a way so I can have them placed in their own containers to make this possible?
    Thanks!
    -Lauren

    Posted 12 years ago on Monday November 7, 2011 | Permalink