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)???

  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 7 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 7 years ago on Tuesday November 27, 2012 | Permalink
  3. 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 7 years ago on Tuesday November 27, 2012 | Permalink
  4. ZeadsDead
    Member

    got this to work great. thanks!

    Posted 7 years ago on Thursday November 29, 2012 | Permalink
  5. Thanks for the update. Thanks too for the assistance Richard.

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

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