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.

Title to teh left and form field to the right?

  1. Just want the field title to the left and the field to the right.

    I also am trying to adjust the padding of the radio buttons I have. They are to far apart.

    Any help appreciated.
    Here is the link:
    http://palcs.bhibbs.job.ana.io/
    Just click on give feedback button in lower-right corner.
    -Brian

    Posted 12 years ago on Tuesday June 19, 2012 | Permalink
  2. Brian, the problem with that is because you are using ready classes, the form requires you use the top label alignment. What field(s) in particular are looking to have the label to the left? This will most likely require custom CSS.

    This will tighten up those radio fields a bit:

    [css]
    #field_7_4, #field_7_5, #field_7_6, #field_7_7, li#field_7_4 .gfield_label, li#field_7_5 .gfield_label, li#field_7_6 .gfield_label, li#field_7_7 .gfield_label {
    margin: 0;
    }
    Posted 12 years ago on Tuesday June 19, 2012 | Permalink
  3. I placed that code in the form page in an html tag is that correct? Im not seeing a change?

    I would like the "content" text to the left of the radio buttons also

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  4. It is there, it was just a super small change, I've updated that snippet above. Replace what you have with that.

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  5. i dont see the update i put it in its own style inside the form in an html tag.

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  6. It is making a change, see this screenshot

    You'll need to lower the height on that textarea, try 40px instead of 60px for example. IF you use chrome developer tools to inspect these elements you will see the styles are being applied and when you uncheck them in the inspector you will see the gap between each widen, so it is working. You're just going to have tinker around with it. Also, you can post on the job forum to hire a CSS developer to make any customizations that you are having issues with accomplishing.

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  7. Ok thanks it does work.
    How do you get the default value placed in a field to disappear when you click in it?

    Thanks

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  8. I've implemented this for a client that worked great, its semantic and has good fall-back support and validation stays intact.

    There is also a variant way to do this here: http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

    Posted 12 years ago on Thursday June 21, 2012 | Permalink