Page 1 of 2

Mobile UI Type number doesn't work

Posted: Mon Jul 30, 2012 11:14 pm
by Umar

Hi, I would like to add a text input with type="tel". HTML5 mobile browsers recognise it as a phone number input. However, when I create a text input with tiggzi, and choose the type as "number", it does not produce the right result. How can I make an input with type="tel" so that when users click on the input field on their phones, they get the phone keyboard instead of the normal qwerty keyboard.


Mobile UI Type number doesn't work

Posted: Tue Jul 31, 2012 3:22 am
by maxkatz

If you look at the generated code type="number" is there. As to why it's not working, that most likely depends on the mobile browser and its support for this attribute.

I'm not sure why type="tel" is not there, but it should be there. We will add it.

jQuery Mobile doesn't let you change the type attribute (http://stackoverflow.com/questions/83.... One option as described in the link, is to create a new element with type="tel" and replace the current existing one.


Mobile UI Type number doesn't work

Posted: Tue Jul 31, 2012 5:11 am
by Umar

Hii again,

Thank you for your reply! Here is the W3 standards page about this,

http://www.w3schools.com/html5/html5_...

The above mentions that for a telephone input, you can use type=tel

regarding jQuery mobile, I used an input here with it that works as a telephone input, you can use firebug to see the source,

http://timereporting.phpfogapp.com

I get the numerical keyboard to work with the username input in the above example with type=tel.

On the other hand, type=number doesn't produce the same numerical input. I am using iOS 5 to test this. I hope that explains the problem a little better...


Mobile UI Type number doesn't work

Posted: Tue Jul 31, 2012 3:57 pm
by maxkatz

The missing type="tel" inside Tiggzi app builder is something we will fix.

As to what keyboard is being shown when you focus on that input -- that's up to the browser/mobile os.


Mobile UI Type number doesn't work

Posted: Tue Jul 31, 2012 5:05 pm
by Umar

Nice to hear! I hope the fix comes soon!


Mobile UI Type number doesn't work

Posted: Mon Sep 03, 2012 7:08 am
by ghuisintveld

I'd like the update as well!


Mobile UI Type number doesn't work

Posted: Mon Sep 03, 2012 7:58 am
by maxkatz

tel type has been added.


Mobile UI Type number doesn't work

Posted: Tue Sep 04, 2012 10:33 am
by ghuisintveld

Works!


Mobile UI Type number doesn't work

Posted: Wed Mar 27, 2013 4:59 pm
by David Andrews

When I place an INPUT field on my page, I only see "text" and "password" as the options for TYPE.

I would like to set one of my fields to "number" and one to "email". Is this possible?


Mobile UI Type number doesn't work

Posted: Wed Mar 27, 2013 5:09 pm
by Kateryna Grynko

Hi David,

Next Tiggzi version releases on the 16th of April. You'll be able to choose both number and email in input properties.