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 to Make Radio Buttons Horizontal (Rather Than Vertical)???

Gravity Support Forums » Plugin Support » Gravity Forms

  1. ZeadsDead
    Member

    The default position for the GF radio buttons is a vertical list. I would like to make this horizontal.

    What is the easiest way to do this?

    If the answer is complicated (ie: involves codes/hooks/etc.) can you please be very specific because my knowledge is limited.

    View my payment page to see what I am referring to: http://pvanumber.com/order-form/

    (view section: Payment Method)

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink

  2. Richard Vav
    Administrator

    Check out the following page of the documentation, it explains how to use gravity forms css ready classes to modify the layout of your form, more specifically you are looking for the List Classes about half way down the page

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink

  3. Chris Hajer
    Key Master

    Specifically, http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes#List_Classes

    You might want to use the gf_list_inline. You add that class on the advanced tab for your radio button field, in the the area marked "CSS Class Name".

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink

  4. ZeadsDead
    Member

    got this to work great. thanks!

    Posted 12 years ago on Thursday November 29, 2012 | Permalink

  5. Chris Hajer
    Key Master

    Thanks for the update. Thanks too for the assistance Richard.

    Posted 12 years ago on Thursday November 29, 2012 | Permalink

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