Input type = number producing full keypad

[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

[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

[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".

[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.

[Illya Stepanov]

Hi Sebastian -

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

[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.

[Illya Stepanov]

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

[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

[Illya Stepanov]

Hi Sebastian -

This is what I have in Safari:

with this setup in the builder:

[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