Page 1 of 3

Input type = number producing full keypad

Posted: Wed May 21, 2014 3:52 pm
by 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.


Input type = number producing full keypad

Posted: Wed May 21, 2014 4:00 pm
by Roger

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


Input type = number producing full keypad

Posted: Wed May 21, 2014 5:16 pm
by 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.

Image Image


Input type = number producing full keypad

Posted: Wed May 21, 2014 5:17 pm
by Roger

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


Input type = number producing full keypad

Posted: Wed May 21, 2014 6:16 pm
by Kateryna Grynko

Hi Roger,

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


Input type = number producing full keypad

Posted: Wed May 21, 2014 6:38 pm
by 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?


Input type = number producing full keypad

Posted: Wed May 21, 2014 7:46 pm
by 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


Input type = number producing full keypad

Posted: Wed May 21, 2014 8:05 pm
by Roger

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

Thank You.


Input type = number producing full keypad

Posted: Fri Feb 06, 2015 8:13 pm
by 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...


Input type = number producing full keypad

Posted: Fri Feb 06, 2015 8:47 pm
by 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:
Image