Page 2 of 3

Input type = number producing full keypad

Posted: Fri Feb 06, 2015 9:05 pm
by sebastian

Hi Illya,

Thanks for super quick response! It worked perfectly! I really appreciate your help and the screen shot along with it. I would have never figured that out on my own.

:)

Best regards,
Sebastian


Input type = number producing full keypad

Posted: Fri Feb 06, 2015 9:10 pm
by sebastian

Hey I actually have one more question. How would I add a decimal point / period in the keyboard?

e.g. if someone wanted to input the value 1.50 or 5.75


Input type = number producing full keypad

Posted: Fri Feb 06, 2015 9:38 pm
by Illya Stepanov

In this case the only way is to use type="number" and you can also specify the step: step="any" or step="0.01" as you need, and if it's should be only positive numbers: min="0".


Input type = number producing full keypad

Posted: Sat Feb 07, 2015 12:47 am
by sebastian

I changed the things you said to change but I still couldn't get the decimal point. I tried 0.01 for the step and also kept input mode as numeric.

Image


Input type = number producing full keypad

Posted: Sat Feb 07, 2015 4:22 pm
by Illya Stepanov

Hi Sebastian -

Sorry, I should be more specific. You will need to create new parameters for your input component:

Image


Input type = number producing full keypad

Posted: Sat Feb 07, 2015 8:31 pm
by sebastian

I tried that as well and it didn't work, still no decimal point. When I tried Step: 0.01 it changed the keyboard to the abc one.


Input type = number producing full keypad

Posted: Sat Feb 07, 2015 8:45 pm
by Illya Stepanov

On what device you are testing this? Also you are testing as web app or stand alone app?


Input type = number producing full keypad

Posted: Sun Feb 08, 2015 1:06 am
by sebastian

I've been doing mostly webtesting on my phone but I just tried the latest properties you suggested on the iPhone by exporting it from xcode to my phone and that didn't work. I got the full keyboard with

inputmode:number
step:any
min:0


Input type = number producing full keypad

Posted: Sun Feb 08, 2015 6:54 pm
by Illya Stepanov

Hi Sebastian -

This is what I have in Safari:
Image

with this setup in the builder:
Image

Image


Input type = number producing full keypad

Posted: Sun Feb 08, 2015 8:25 pm
by sebastian

Grubhub has the keyboard I'm trying to make. They have the decimal point while the numeric [1-9]* doesn't have the decimal point Image