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.

BUTTON element, rather than INPUT available?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. needmore
    Member

    Forgive me if this has been asked before, I could not find it. I also just asked on Twitter, but thought this might be a more appropriate forum for discussion.

    I've just purchased and started using GF. Like it a lot. However, upon trying to style my first form, I realized the forms still use the INPUT element. The problem is that browsers are very inconsistent with how they let you CSS-style those elements.

    The BUTTON element, however, is a whole different deal. See this for example. Can't do that with an INPUT element, at least not reliably.

    While I understand there may be reasons for keeping the INPUT element, I would love at least an option to change that somewhere. Or, if not an option in the UI, at least a hack. :)

    Posted 14 years ago on Wednesday January 20, 2010 | Permalink

  2. Kevin Flahaut
    Administrator

    I just replied to your twitter inquiry. Currently there's no support for the button element in GF. It's something that may be added as an option in the future.

    I'm familiar with the button element and some of the benefits as well as the drawbacks of styling the input element. I know a lot of people like to use the "sliding doors" background image technique with a button element - me included so it's on the drawing board.

    GF does currently allow you to apply an image button to each form.. look under the main form settings and you'll see the option there. That may be a suitable option for the time being.

    Honestly, I'm not entirely convinced you can't pull off the button styles you referenced above with an input field. There may be some minor differences but I doubt much. Those examples also rely on border-radius and box-shadow properties which themselves have inconsistent support between browsers.

    As far as a hack or workaround, I haven't really tried one yet but will see if there's something we can do to bridge the gap until this makes a release.

    I'll tinker with this a bit and will post anything new back to this thread.

    Posted 14 years ago on Wednesday January 20, 2010 | Permalink

  3. clicknathan
    Member

    Any further development with this, Kevin?

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Yep. You can do that with a filter now.

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

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink