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
    Gainesville, FL
    Posts
    37,065
    Answers
    3498
    Vote Rating
    851
    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

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