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.

Plugins to style checkboxes, browse button etc..

  1. Hey team,

    Is there a plugin playing nice with Gravity forms that automatically styles the appearance of checkboxes, radio buttons and the file browse upload button.

    I had a look around for manually styling these elements but it seems to be quite difficult.

    many thanks
    x

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink
  2. David Peralty
    Administrator

    No, there currently isn't a plugin to style such things as far as I know. Gravity Forms was developed to integrate into your theme, and so if your theme has styles for this, Gravity Forms will take them into account, otherwise, you'll have to write custom CSS to do what you want.

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink
  3. thanks David, the problem arises in particular from styling the File upload - browse button - making this compatible with all modern browsers.

    Should I create a separate thread for this?

    I have seen a related post in the forum but it was rather cumbersome and it didnt have step by step instructions.

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink
  4. David Peralty
    Administrator

    No, let's keep the conversation going here. Can you tell me more about the issue please? Do you have an example link?

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink
  5. I don't have an example link but you can easily see what I am saying.

    If you use the "File Upload" button - then the Browse button which appears on the form is very hard to style due to different browsers specs.

    I basically would like to replace the Browse button with an image of my choice.

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink
  6. I have done a lot of extensive research and I think this solution might be the best option that works with gravity forms. I will test and let you know...

    http://blog.gface.com/2012/02/10/css3-checkboxes-and-radiobuttons-gface-style/

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink
  7. David Peralty
    Administrator

    The file upload field is rendered slightly different by each browser, but that isn't a bad thing, nor one you should necessarily look to override and attempt to control. Here is an article about styling it:
    http://www.quirksmode.org/dom/inputfile.html

    Posted 7 years ago on Wednesday February 27, 2013 | Permalink