1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    1
    Vote Rating
    0
    Cayus is on a distinguished road

      0  

    Default Viewport problem within iFrame

    Viewport problem within iFrame


    Hi everybody,

    I'm trying to create a Carrousel which displays iframes. The basic idea is that I have a bunch of HTML files already configured to be viewed on an iPad. So the files have a viewport and everything configured. I created a simple carrousel like this :

    Code:
    var rootPanel;
    Ext.setup({
        onReady: function() {
            rootPanel = new Ext.Carousel({
                fullscreen: true,
                layout: 'card',
                items: [
                    { html: '<iframe src="http://localhost/file1.html">' },
                    { html: '<iframe src="http://localhost/file2.html">' },
                    { html: '<iframe src="http://localhost/file3.html">' },
                ]
            });
        }
    });
    The HTML files themselves look like this :
    Code:
    <!DOCTYPE html>
    <html>
        <head>
            <title>Untitled Page</title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta name="viewport" content="width=device-width; initial-scale=0.5; minimum-scale=0.5; maximum-scale=1.0;user-scalable=no">
        </head>
        <body>
            <div id="container">
                <div style="margin:0;padding:0;position:absolute;left:0px;top:0px;width: 1536px; height: 2048px;text-align:left;z-index:0;">
                    <img src="image.jpg" style="width: 1536px; height: 2048px;"></div>
            </div>  
        </body>
    </html>
    The system sort of works, except that the viewport is not respected and the inside of the iframe is not zoomed out like it's supposed to be. Any idea ?

  2. #2
    Sencha User
    Join Date
    Jan 2011
    Posts
    2
    Vote Rating
    0
    NoTategoi is on a distinguished road

      0  

    Default


    Hello,

    I'm working on a similar problem and would also ask how to solve this issue.

    Maybe there is the possibility to scale the iframe content by sencha (without viewport tags)..


    Hope someone help us
    Markus

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Location
    Jena
    Posts
    39
    Vote Rating
    0
    dsac is on a distinguished road

      0  

    Default


    any updates on this one?

Thread Participants: 2