1. #1
    Ext User
    Join Date
    Aug 2007
    Posts
    38
    Vote Rating
    0
    webtaser is on a distinguished road

      0  

    Default IFRAME in a tab/Panel won't fill tab area in IE

    IFRAME in a tab/Panel won't fill tab area in IE


    This is most likely an IE bug but perhaps someone here knows a work-around.

    If I create a tab with the HTML set to an <iframe> tag, IE won't size the contents in the tab to fill the tab area. FFox seems to respond to the width and height settings in the iframe tag but not IE.

    Does anyone know a workaround??

    here's an example html page

    PHP Code:
    <html>
    <
    head>
            <
    title>IE Tab Test</title>
            <
    link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"></link>
            <
    script type='text/javascript' src='../adapter/yui/yui-utilities.js'></script>
            <script type='text/javascript' src='../adapter/yui/ext-yui-adapter.js'></script>
            <script type='text/javascript' src='../ext-all-debug.js'></script>

    </head>
    <body style="overflow:hidden">
    </body></html>
    <script>
    Ext.onReady(function(){
        // second tabs built from JS
        var tabs2 = new Ext.TabPanel({
            renderTo: document.body,
            activeTab: 0,
            autoWidth: true,
            autoHeight: true,
            plain:true,
            defaults:{autoScroll: true},
            items:[{
                    title: 'Iframe',
                    html: "<iframe width='100%' height='100%' scrolling='auto' src='http://google.com'></iframe>"
                },{
                    title: 'Iframe w+h',
                    html: "<iframe width='100%' height='100%' src='http://yahoo.com'></iframe>"
                },{
                    title: 'Iframe plain',
                    html: "<iframe src='http://news.zdnet.com'></iframe>"
                }
            ]
        });


    });
    </script> 

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Have you looked at the ManagedIFrame extension?

Thread Participants: 1