Results 1 to 3 of 3

Thread: iOS with Phonegap with Sencha Touch 2 PR2 problems

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-1117 in Sprint 14.
  1. #1
    Sencha User
    Join Date
    Jul 2011
    Vote Rating

    Default iOS with Phonegap with Sencha Touch 2 PR2 problems


    Ext version tested:

    • Sencha Touch 2 PR2
    Browser versions tested against:
    • Phonegap v1.x & iOS v4x - iPad and iPhone
    DOCTYPE tested against:
    • <!DOCTYPE html>
    • Many of the supplied examples are not working (the one I really want fixed is the tabs2 example) when you use them with an iOS app using Phonegap v1.x. They work fine in Chrome and Android but not as an xCode built app - either the buttons don't work, or there is just a blank canvas. Strangely, the iPad will often not show a blank canvas (when using exactly the same code) but the buttons never work
    Steps to reproduce the problem:
    • Create a new Phonegap project in xCode, then copy the contents of a PR2 example (in this case example/tabs), then add the sencha-touch-all.js and sencha-touch.css files into the same directory, then add the www folder with references into the xCode project, then make the changes to the index.html file so that it can find the required files sencha js and css (shown below)
    The result that was expected:
    • The supplied examples in PR2 work fine in Chrome and Android but always fail on iOS when built as native iOS app
    The result that occurs instead:
    • When trying out some of the examples supplied with PR2, the buttons don't work, or the screen is just blank (only with phonegap as a native iOS app, this code is fine on Chrome and Android). Strangely, iPad has more success, although the buttons still don't work
    Test Case:
    <!DOCTYPE html>
    <!-- this is just an exact copy of the tabs example, except all in one place --><html>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" href="sencha-touch.css" type="text/css">
        <script type="text/javascript" src="sencha-touch-all.js"></script>
        <script type="text/javascript">
                      icon: 'icon.png',
                      glossOnIcon: false,
                      tabletStartupScreen: 'tablet_startup.png',
                      phoneStartupScreen: 'phone_startup.png',
                      onReady: function() {
                      Ext.create('', {
                                 fullscreen: true,
                                 type: 'dark',
                                 sortable: true,
                                 items: [
                                         title: 'Tab 1',
                                         html: '1',
                                         cls: 'card1',
                                         iconCls: 'bookmarks'
                                         title: 'Tab 2',
                                         html: '2',
                                         cls: 'card2',
                                         iconCls: 'download'
                                         title: 'Tab 3',
                                         html: '3',
                                         cls: 'card3',
                                         iconCls: 'favorites'
            .card3 {
                background-color: #376daa;
                text-align: center;
                color: #204167;
                text-shadow: #3F80CA 0 1px 0;
                font-size: 72px;
                padding-top: 100px;

    Operating System:

    • iOS 4x iPhone - tested with handsets and simulators

  2. #2
    Sencha Premium Member
    Join Date
    Oct 2011
    Paris, France
    Vote Rating


    You could try to apply this patch see if it helps. Animations seems to be still broken in PR2 for IOS <= 4 devices (not sure since i dropped PR2 for PR1 atm).

    Hope it helps.

  3. #3
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Redwood City, California
    Vote Rating


    Thank you for the report.

    Sencha Inc

    Jamie Avins


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts