Input type = number producing full keypad

[Roger]

If I set the input type = number when tapping in the input field I am getting the full keypad instead of the numeric only.

[Roger]

I forgot to mention this is only on iOS. On Android the numeric kaypad is displayed just fine.

[Roger]

Okay, more info.

I have an input control on page. I set the type = tel and add pattern of [0-9] and on iOS I get numeric keypad with only numbers.

I have an input control on page. I set type = number and add pattern of [0-9] and on iOS I get full numeric keypad with numbers as well as all the extra characters.

[Roger]

Is the pattern ignored for a type of 'number'?

[Kateryna Grynko]

Hi Roger,

This seems to be an iOS issue. What is your iOS version? We'll test.

[Roger]

My iOS is 7.1.1.

If I use a pattern of [0-9]* then I get just the numbers. Is there a way to get the number pad with a decimal point?

[Kateryna Grynko]

Roger,

You're right, pattern affects the keypad displaying: http://danielfriesen.name/blog/2013/0...
This may help: http://www.petefreitag.com/item/768.cfm

[Roger]

Yep, that is exactly what I see. Oh well, I will workaround this.

Thank You.

[sebastian]

Hi Kateryna,

Can you please help me understand where I would place my code to change the keyboard/ input type? I would like to recreate the keyboard from the first link shared and I don't know where or really how to implement this code on appery. Would I run a java script on the label when clicked and then input that code?

http://danielfriesen.name/blog/2013/0...

[Illya Stepanov]

Hi Sebastian -

If you want to make exactly as shown in this example, you can select input component in the builder and click on "More options" in the properties and insert the following attributes as shown: