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.

Custom elements / fancy form integration

  1. danielpettifer
    Member

    Is it possible to restyle the form elements? I would like to use custom dropdowns/checkboxes etc. I have found various plug-ins (such as fancy forms) that work when used on standard html form elements but I am not sure where to incorporate these into my GF forms. Is it possible to style them with webkit?

    The main thing I would like to do is increase the width and change the colour of the borders (for all elements), I would also like to hıghlıght each item on focus.

    Posted 13 years ago on Tuesday March 15, 2011 | Permalink
  2. I'm not familiar with implementing "fancy forms" so I can't offer any real guidance there. We do plan on looking into some more advanced styling/theming options for a future add-on.. possibly utilizing one of these type of scripts.

    As far as other styling.. changing borders, adding on focus rules, etc. - everything is just normal form inputs and if targeted correctly, are subject to normal CSS manipulation.

    http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/

    Posted 13 years ago on Tuesday March 15, 2011 | Permalink
  3. danielpettifer
    Member

    Ok, I will dive in and hopefully not cause too much trouble, FYI fancy forms is here http://lipidity.com/fancy-form/ if you would like to look, it's not being supported anymore but looks interesting nonetheless. Thanks!

    Posted 13 years ago on Tuesday March 15, 2011 | Permalink
  4. Sure, thanks for the link Daniel. I'll check it out.

    Posted 13 years ago on Wednesday March 16, 2011 | Permalink

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