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.

Deactivate v1.5 beta 2 number scroller arrows

  1. wesleyshaw
    Member

    Probably user error here (missing the obvious), but how do I get rid of the little scroller arrows that appear next to each of my number fields?

    Looks like this: http://img.skitch.com/20101119-r92fex45f4145wj21sc56cgq35.jpg

    Posted 13 years ago on Friday November 19, 2010 | Permalink
  2. That's not something that Gravity Forms adds. What browser are you seeing this in?

    Posted 13 years ago on Friday November 19, 2010 | Permalink
  3. Thats your browser adding that. You have HTML5 field output turned on in your Gravity Forms Settings.

    In HTML5 a number input displays with those arrows. Those arrows allow you to increase or decrease the number by clicking on those arrows. It's how browsers that support HTML5 handle a number field.

    If you don't like it you have to turn off HTML5 output on the Gravity Forms settings page.

    Browser that don't support HTML5 will show a standard input.

    Posted 13 years ago on Friday November 19, 2010 | Permalink
  4. wesleyshaw
    Member

    Weird: I'm seeing them in Chrome and Safari (Mac, both). Interestingly, not in Firefox.

    Look at this:

    http://img.skitch.com/20101119-1xu69myti4rmf7rmniedem12am.jpg

    This shows essentially the same form in 1.4 vs 1.5. Any thoughts?

    Posted 13 years ago on Friday November 19, 2010 | Permalink
  5. wesleyshaw
    Member

    @Carl — you're spot on. Issue completely resolved. Thanks.

    Posted 13 years ago on Friday November 19, 2010 | Permalink
  6. Different browsers handle the HTML5 number input field differently. The HTML5 spec calls for it to have the arrows next to it. But not all browsers support it which is why you saw it in some browsers but not others.

    Posted 13 years ago on Friday November 19, 2010 | Permalink
  7. So I have the same buttons showing up and HTML5 output is off.. I'm using chrome. Don't show up in firefox... I turned HTML5 off and then ON... now they're gone...

    *scratches head*

    Posted 13 years ago on Wednesday February 16, 2011 | Permalink
  8. Sounds like it could be a cache issue. HTML5 output only occurs when HTML5 output is turned on.

    The only time the number arrows will appear is 1) with HTML 5 output which sets the number field to input="number" and 2) a browser is being used that supports that functionality.

    Either way, that functionality is standard HTML5 functionality so as HTML5 gains more adoption that field UI is going to be the norm for numeric fields.

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