1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    2
    Vote Rating
    0
    ashwinimane is on a distinguished road

      0  

    Default Unanswered: Load external html not scrolling in iPhone

    Unanswered: Load external html not scrolling in iPhone


    Hi...

    When i open an external web page using iframe tag it scrolls fine in normal browser (desktop browser). But when I open it in iPhone mobile Safari scrolling doesn't work. Here's my code:


    CODE FOR Xtemplate:

    Code:
    var prodtemplate = new Ext.XTemplate(
    
    
     '<iframe src="{purl}{pcode}" height="100%" width="100%" frameborder="0" scrolling="yes"><p>Your browser doesnt support iframes</p></iframe>'
    
    
    );
    Code:
    var prodPaneldetailed = new Ext.Panel({
        
        id:'prodcutDetails',
        fulscreen:true,
        cls : 'myPanelBackground',
        tpl:prodtemplate,
        layout:'fit',
      });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,656
    Vote Rating
    435
    Answers
    3108
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    Interactions within an iframe will not work. You should use an ajax call and update the panel's html.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

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