Umar
Posts: 0
Joined: Mon Jul 30, 2012 11:12 pm

Mobile UI Type number doesn't work

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.

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Mobile UI Type number doesn't work

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.

Umar
Posts: 0
Joined: Mon Jul 30, 2012 11:12 pm

Mobile UI Type number doesn't work

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

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Mobile UI Type number doesn't work

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.

Umar
Posts: 0
Joined: Mon Jul 30, 2012 11:12 pm

Mobile UI Type number doesn't work

Nice to hear! I hope the fix comes soon!

ghuisintveld
Posts: 0
Joined: Fri Jun 08, 2012 11:29 am

Mobile UI Type number doesn't work

I'd like the update as well!

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Mobile UI Type number doesn't work

tel type has been added.

ghuisintveld
Posts: 0
Joined: Fri Jun 08, 2012 11:29 am

Mobile UI Type number doesn't work

Works!

David Andrews
Posts: 0
Joined: Mon Mar 11, 2013 10:04 pm

Mobile UI Type number doesn't work

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?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Mobile UI Type number doesn't work

Hi David,

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

Return to “Issues”