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.

[resolved] Advanced fields styling

  1. Hi I'm new. Loving GF so far. Building my first form. Going great. BUT...

    The advanced fields don't seem to be inheriting the styling that's working for Standard fields.

    Is there a problem with using a standard field and titling it "email" or "website" as opposed to using the prefab advanced fields. If not, problem solved. If it would break functionality for something down the road somewhere then, how do I resolve this?

    http://dl.dropbox.com/u/1220621/example.png

    Posted 13 years ago on Wednesday June 23, 2010 | Permalink
  2. Even more obvious on the iPad than the desktop

    http://dl.dropbox.com/u/1220621/ipad.jpg

    Posted 13 years ago on Wednesday June 23, 2010 | Permalink
  3. The advanced fields offer validation for the specific content type such as checking to make sure an email address is in a valid format. The standard fields are just freeform text and don't offer this kind of validation. You can use a standard field if you prefer without any problems.

    The styling difference you're seeing is due to the fact that your theme has styled inputs by type, but has left some of them out.. I'm sure it's doing input[type="text"]:property and so on. These fields are a different type - email, url & tel.

    If you go to your theme style sheet and add similar rules for these input types, you should be good to go.

    Here's a good list of the current input types.

    http://www.456bereastreet.com/archive/201004/html5_input_types/

    Posted 13 years ago on Wednesday June 23, 2010 | Permalink
  4. Thank you. This fixed it.

    Posted 13 years ago on Monday June 28, 2010 | Permalink

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