1. #1
    Sencha User
    Join Date
    Sep 2010
    Posts
    53
    Vote Rating
    2
    shizny is on a distinguished road

      0  

    Default Unanswered: displaying scrollable iframe content

    Unanswered: displaying scrollable iframe content


    Screen Shot 2012-01-12 at 11.16.50 AM.pngHello,

    I'm trying to load an outside webpage in an iframe in my sencha touch app. The webpage is of dynamic height so I need the iframe to be scrollable within the sencha touch app. I have been able to get the page to scroll, but the underlying iframe does not render any of the web content below the initial 'viewport'. Here is my code. Does anybody have any ideas?
    Code:
    App.views.Help = Ext.extend(App.views.Base, {    title:        'Help',
        mainLevel:    10,
        subLevel:    1,
        backButton: 'dashboard',
        forceTab:    App.OTHER_TAB,
        forceSideTab:App.HELP_TAB,
        layout:     'fit',
        bodyPadding:0,
        items: [{
           xtype: 'panel',
           scroll: 'both',
           items: [{
               id: 'iframe',
               layout: 'vbox',
               width: '100%',
               height: '2000px',
               html: ['<div style="width:100%;height:2000px;position:fixed;top:0;left:0;background-color:Transparent;float:left;z-index:99;"></div>',
                      '<iframe style="position:fixed;top:0;left:0;float:left;z-index:1;" width="100%" height="2000px" src="http://mvretail.assistly.com/customer/portal/topics/118700-mobile-basics"></iframe>']
           }]
        }]
        /* OLD attempts
    html:        '<iframe style="overflow-y: scroll; -webkit-overflow-scrolling: touch" width="1000px" height="1200px" src="http://mvretail.assistly.com/customer/portal/topics/118700-mobile-basics"></iframe>'
    html:        '<div  style="overflow-y: scroll; -webkit-overflow-scrolling: touch"><iframe width="1000px" height="1000px" src="http://mvretail.assistly.com/customer/portal/topics/118700-mobile-basics"></iframe></div>'
    */
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    828
    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


    iframes on a mobile device isn't recommended and scrolling within them is very counter-intuitive.
    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.

  3. #3
    Sencha User
    Join Date
    Sep 2010
    Posts
    53
    Vote Rating
    2
    shizny is on a distinguished road

      0  

    Default


    What would be the recommended way to accomplish what I'm trying to do?

  4. #4
    Sencha User
    Join Date
    Sep 2010
    Posts
    53
    Vote Rating
    2
    shizny is on a distinguished road

      0  

    Default


    Mitchell,

    You're response is so 'Animal' like. Don't know if you were around back when 'Animal' was patrolling the forums for Ext, but he did a great job of not helping people and making Sencha look like it's run by a bunch of arrogant punks with no mind for the negative impression employees can create for their company. Are you interested in helping people to be able to use your product? If so, I'd recommend at least sending someone in a productive direction to solving their issue. The response you gave me does nothing to help.

    So, do you have any input for me other than what I'm doing is wrong? Is there any other way I could accomplish loading in a remote webpage to a mobile device using sencha touch?

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    828
    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


    Been around since early 2007 so yeah I know Animal and have been one of the lucky few to be helped by him. Yes, his methods are unconventional but I made them helpful.

    My answer is meant as lots of things like an iframe take a two-finger scroll which is a bad UI design. That if Sencha Touch doesn't capture the scroll attempt in the first place.
    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.

  6. #6
    Sencha User
    Join Date
    Sep 2010
    Posts
    53
    Vote Rating
    2
    shizny is on a distinguished road

      0  

    Default


    Right, got it; IFrame support is lacking in Sencha Touch. Is there any other way to accomplish what I'm trying to do if I have no control over the web page I'm trying to display? Looking for solutions, not reasons why I can't do something.

Thread Participants: 1

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