1. #1
    Sencha User
    Join Date
    Apr 2012
    Location
    Bangladesh
    Posts
    9
    Vote Rating
    0
    moin_ku07 is on a distinguished road

      0  

    Default Answered: How to make a telephone number input

    Answered: How to make a telephone number input


    In Sencha touch 2 xtype: 'numberfield' creates a input which type is number. I want to create a input field which input type will be tel. How to do it?

    I want a input like
    Code:
    <input class="x-input-el x-form-field x-input-number" type="tel" id="ext-element-56" name="telephone" autocapitalize="on" placeholder="123456789">

  2. Try something like

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype     : 'textfield',
                label     : 'Phone Number',
                component : {
                    type : 'tel'
                }
            }
        ]
    });

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,207
    Answers
    3517
    Vote Rating
    856
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      4  

    Default


    Try something like

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype     : 'textfield',
                label     : 'Phone Number',
                component : {
                    type : 'tel'
                }
            }
        ]
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    79
    Answers
    7
    Vote Rating
    1
    jonathansimmons is on a distinguished road

      0  

    Default


    I've needed this and just stumbled across it. Thanks for the answer mitchell!!!

  5. #4
    Sencha User
    Join Date
    Apr 2012
    Location
    Bangladesh
    Posts
    9
    Vote Rating
    0
    moin_ku07 is on a distinguished road

      0