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.

Adding a Fourth Column

Gravity Support Forums » Plugin Support » Gravity Forms

  1. LoriCorbett
    Member

    Hi,
    I just bough gravity Forms and I am stoked! Right out of the chute I have a question, though. My client wants a four column layout, and I can seem to find a way to do this. I've used the Ready CSS for the first 3 columns, but can't figure out how to get that fourth column in place.
    Contact Person, Contact Phone, Email, Company Name all need to be on the same line.

    There are some other requirements with other aspects of the form, but I'll save those for a separate topic if /when I need to ask.

    Thanks in advance, and thanks for a great plugin! I think I'll be buying the developer's license, soon!

    Lori

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    There isn't a 4 column ready class so if you want 4 actual (even) columns, you would need to view the existing 3 column ready classes then take that and expand on the CSS to create a new 4 column version (reduce width percentages, etc). I'm pretty sure it's been done and someone posted on the forum here before.

    If you simply want to put 4 things on one line and aren't actually trying to create a columnar layout, then you can use the "gf_inline" ready class. You would use that on the 4 fields you want to line up. I actually haven't documented that yet (will be soon), but it's in the 1.5 release that's out now.

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  3. LoriCorbett
    Member

    Ahhh...inline...hadn't thought of that. I started with the Ready Classes for cols 1-3, changed the 3rd column styling to be the same as the 2nd, and was styling the 4th col with the old 3rd style - just couldn't seem to bump that 4th column up.
    You're a great help....thanks! I'll try both percentages and inline and see which works best for my needs.
    Lori

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    @LoriCorbett

    You might check out this previous thread. I threw together some starter CSS for a 4 column layout. I knew it was here somewhere, just had to search a bit for it.

    http://www.gravityhelp.com/forums/topic/custom-form-ideas#post-19967

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  5. LoriCorbett
    Member

    Thank you....I'll go take a peek. Last night, I set up gf_inline and set percentages and everything is working beautifully. I will add the link to my "important stuff I should know" folder :-)
    Thanks again!
    Lori

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    Great Lori. Thanks for the update.

    Posted 13 years ago on Friday April 15, 2011 | Permalink

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