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.

Image Alignment in Form

  1. Hello All,

    My question is probably pretty simple but, I can't figure it out. :(

    I want to know how to align images horizontally in a form instead of the default vertical when creating a new field in a form.

    Here are the details of the field

    Product Field
    Label: Price
    Field Type: Radio Button
    (2) Choices
    Label 1 = HTML to the image
    Value 1 = Round Door 1
    Price 1 = $100

    Label 2 = HTML to the image
    Value 2 = Round Door 2
    Price 2 = $200

    Currently, when I view this form Round Door 1 in above Round Door 2. I would like Round Door 2 to be beside (to the right) of Round Door 1 .

    Thank you for your help.

    Shawn

    Posted 8 years ago on Friday March 2, 2012 | Permalink
  2. Hey Shawn, see if our ready classes can assist here:

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

    Posted 8 years ago on Friday March 2, 2012 | Permalink
  3. Rob,

    If you're going to make it that easy than I just wont ask any follow up questions.

    Thanks for the help.

    In case anyone else is searching for this solution to this same problem use the "gf_list_2col" in the CSS field under the Advanced Tab. By changing the "2col" to "3col" you get 3 columns instead of 2 columns and so forth.

    Shawn

    Posted 8 years ago on Friday March 2, 2012 | Permalink
  4. Right on, glad to help out!

    Posted 8 years ago on Friday March 2, 2012 | Permalink

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