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.

how do I put 4 entries on the one line - like gf_third in ready classes

  1. Hi,
    I need 4 entries on one line - I see there is gf_third in ready classes however I need 4 entries. the fields are numeric entry.

    Posted 11 years ago on Thursday May 16, 2013 | Permalink
  2. I believe you could use the "gf_inline" ready class although this may not completely emulate a 4 column layout if you mix different field types.

    Beyond that, you would need to craft your own CSS rules. You could look at the "thirds" classes as a start, create a fourth and modify the width values etc. to make it work.

    Posted 11 years ago on Thursday May 16, 2013 | Permalink
  3. Thanks Kevin (max respect on the CSS ready class functionality BTW ;)

    I am a realtive newbie, enjoying the learning curve - where can I find the CSS rules for gf_thirds so that I can cut/alter? I have seen the description on your original how-to post, but not the actual code example

    Posted 11 years ago on Thursday May 16, 2013 | Permalink
  4. Thanks. Here you go. This is the "3 column" rules.. you can use these for a base for a new 4 column layout..

    http://pastie.org/pastes/7916184/text

    Posted 11 years ago on Thursday May 16, 2013 | Permalink
  5. Okay, so I threw this together really quickly and it is UNTESTED so please don't yell at me if it's not perfect ;)

    http://pastie.org/pastes/7916203/text

    That should get you even closer though. You'll probably need to tweak the width/margin values a bit to get it just so.

    You would apply the classes as:

    gf_first_quarter
    gf_second_quarter
    gf_third_quarter
    gf_fourth_quarter

    Hope that helps.

    Posted 11 years ago on Thursday May 16, 2013 | Permalink
  6. you sir, are 1) a gent 2) a scholar and 3) an acrobat

    many, many thanks. ;)

    Great detail, great understanding, great speed of response

    regards,

    Ben

    Posted 11 years ago on Thursday May 16, 2013 | Permalink
  7. Well thanks for the kind words. They're very much appreciated. Please let us know how it works out for you.

    Posted 11 years ago on Thursday May 16, 2013 | Permalink