1. #1
    Ext User
    Join Date
    Aug 2010
    Posts
    7
    Vote Rating
    0
    Zielke is on a distinguished road

      0  

    Default iPhone keyboard in web-apps

    iPhone keyboard in web-apps


    Hi,

    is it possible to use the standard iPhone keyboard in web-apps? i mean the keyboard without the "Previous, Next, Done"-Buttons. By the way... that would solve the "keyboard dismissal problem" too.

    is it an apple standard for web-apps or is it realizable with sencha?

  2. #2
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    770
    Vote Rating
    28
    Steffen Hiller will become famous soon enough Steffen Hiller will become famous soon enough

      0  

    Default


    You can manipulate the keyboard regarding of what type of information your input field is for:

    Code:
    Text: <input type="text" /> <!-- display a standard keyboard -->
    Telephone: <input type="tel" /> <!-- display a telephone keypad -->
    URL: <input type="url" /> <!-- display a URL keyboard -->
    Email: <input type="email" /> <!-- display an email keyboard -->
    Zip/Post Code: <input type="text" pattern="[0-9]*" /> <!-- display a numeric keyboard -->
    As far as I know you can't remove the prev, etc. buttons.

    Btw, I solved the keyboard dismissal problem by deferring the next action by 100ms. Worked with 0.99.

    Code:
                        listeners: {
                          keyup: function (cmp, e) {
                            if (e.browserEvent.keyCode == 13) {
                              Ext.util.Functions.defer(App.AppController.login, 100);
                            }
                          }
                        }

  3. #3
    Ext User
    Join Date
    Aug 2010
    Posts
    7
    Vote Rating
    0
    Zielke is on a distinguished road

      0  

    Default


    Thanks for your reply but I am especially bothered by these extra-buttons.

    Maybe an alternative solution via cocoa or something like that. I am not familiar with cocoa, so did someone attend to a cocoa workaround and had some knowledge?

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,498
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    You actually want to reduce the usability of your app?

  5. #5
    Ext User
    Join Date
    Aug 2010
    Posts
    7
    Vote Rating
    0
    Zielke is on a distinguished road

      0  

    Default


    In this case, yes. The way i see it is that my current App never need these extra-buttons so they are just interfere.

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,498
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Yuo have to remember that your web app is just fancy HTML5, and that input fields are still just

    Code:
    <input type="whatever">
    So what you get is what that gives you.

  7. #7
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    80
    Vote Rating
    1
    suzzer99 is on a distinguished road

      0  

    Default


    I was trying to implement a numeric-only field through Sencha as well and stumbled upon this thread while searching. Is there a way to do this <input type="text" pattern="[0-9]*" /> through Sencha? I tried the NumberField but it doesn't launch the numeric keyboard on iPhone or Droid.

  8. #8
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    770
    Vote Rating
    28
    Steffen Hiller will become famous soon enough Steffen Hiller will become famous soon enough

      0  

    Default


    suzzer99,

    you have to override the renderTpl and renderData to add the pattern attribute. See the source of Ext.form.Number.
    Not very elegant solution, but it's the only way for now. Keep caution in future updates though, since your override might break things.

  9. #9
    Sencha User davidkaneda's Avatar
    Join Date
    Jan 2010
    Location
    Bay Area, CA
    Posts
    147
    Vote Rating
    0
    davidkaneda is on a distinguished road

      0  

    Default


    Hi all,

    Just FYI, HTML field types are still very new and being implemented at varying levels on different devices (hence some lack of support on Android). I doubt, too, that the pattern attribute affects the devices, but would love to see it (and would definitely implement API if it did).

    Also: I've tried basically everything (read: one input, tabindex hacks, etc.) to get rid of the prev/next buttons, but I think they're unavoidable in Mobile WebKit. Alas.

  10. #10
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    80
    Vote Rating
    1
    suzzer99 is on a distinguished road

      0  

    Default


    Thanks David, is there some other way to launch the numeric keyboard first for a specific text field - on either device? That's all we really need for our requirements.

Similar Threads

  1. iphone/ipad keyboard dismissal problem
    By yuryb in forum Sencha Touch 1.x: Discussion
    Replies: 53
    Last Post: 13 Sep 2011, 10:45 AM
  2. Offline Support ready for primetime - for Android Web Apps
    By Frank R in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 13 Aug 2010, 10:22 PM
  3. Sencha Touch web apps - on the desktop
    By Frank R in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 29 Jul 2010, 7:33 AM
  4. iPhone Web 2.0 apps
    By rsuplido in forum Community Discussion
    Replies: 8
    Last Post: 1 Jul 2007, 3:05 PM
  5. Isn't IFrame generally unsuitable for Web Apps?
    By dewd in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 23 Jan 2007, 5:57 AM

Thread Participants: 6

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi