[2.0 only] ux.ManagedIframe/Panel (1.2.7)

[Richie1985]

hi,

i have some iframe panels, in ie i see always the scrollbar area, in firefox is all clean, look at the pictures:

in ie:



in ff:



my code:

var panel = new Ext.ux.ManagedIframePortlet({ 
                    id: 'test',
                    height: 250,
                    frame: false,
                    tools: tools,
                     title: '<? echo $datum; ?> ' + jRecord.get("line") + ' ' + jRecord.get("standort"),
                    defaultSrc: 'chart.php?line=' + jRecord.get("lineid") + '&standortid=' + jRecord.get("standortid") + '&datum=<? echo $datum; ?>&stunden=<? echo $stunden; ?>&ajax=<? echo $ajax; ?>',
                    collapsible:false
                });

how can i turn off the scrollbar in the iframe?

[JErickson]

I have run into a problem with the ManagedIframePanel extension. I have used it in both the Extjs Desktop sample as well as qWikiOffice with the same results, and I'm using the extension version 1.2.2.

I can open a window that contains an Iframe:

new Ext.ux.ManagedIframePanel({
    region:'center',
    defaultType: 'iframepanel',
    collapsible: true,
    baseCls: 'x-panel',
    autoScroll: false,
    animCollapse: false, //cannot animate a collapse/expand on an Iframe !
    loadMask: true,
    tbar: GridTbar,
    html: ''  
}) 

The window will interact fine with the iframe, but if I close the window and try to reopen it, I get the following error message in Firebug:

this.body is undefined
ext-all.js (line 76) 

A blank window will appear, but nothing else. I've tried this in FF3, IE7, and Chrome.

[hendricd]

The window will interact fine with the iframe, but if I close the window and try to reopen it, I get the following error message in Firebug:

this.body is undefined
ext-all.js (line 76) 

A blank window will appear, but nothing else. I've tried this in FF3, IE7, and Chrome.

@JErickson -- It would be helpful if you posted your Window definition and layout within it.

[JErickson]

Ext.override(QoDesk.mmChangeItemcode, {
    
    createWindow : function(){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('mm-ChangeItemcode-win');
        
        if(!win){
            win = desktop.createWindow({
                autoScroll: true,
                id: 'mm-ChangeItemcode-win',
                title: 'Change Itemcode',
                width:1000,
                height:400,
                iconCls: 'mm-ChangeItemcode-icon',
                layout: 'fit',
                items: ModulePanel,
                shim:false,
                animCollapse:false,
                constrainHeader:true,
                taskbuttonTooltip: 'Makes system-wide changes to an item\'s code'
            });
        }
        
        win.show();
    }
    
});

...

var IPanel = new Ext.ux.ManagedIframePanel({
    region:'center',
    defaultType: 'iframepanel',
    collapsible: true,
    baseCls: 'x-panel',
    autoScroll: false,
    animCollapse: false, //cannot animate a collapse/expand on an Iframe !
    loadMask: true,
    tbar: GridTbar,
    html: ''  
});

var ModulePanel = new Ext.Panel({
    border: false,
    layout: 'border',
    items: [
        SearchPanel,
        IPanel
    ]
}); 

[hendricd]

@JErickson -- I just added this MIF setup to 2.2/examples/desktop and got no errors at all opening/closing the defined App.window:

MyDesktop.MIFModule= Ext.extend(Ext.app.Module, {
    id:'MIF-win',
    init : function(){
        this.launcher = {
            text: 'MIF Window',
            iconCls:'icon-grid',
            handler : this.createWindow,
            scope: this
        }
    },

    createWindow : function(){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('MIF-win');
        if(!win){
            win = desktop.createWindow({
                id: 'MIF-win',
                title:'MIF Window',
                width:740,
                height:480,
                shim:false,
                animCollapse:false,
                constrainHeader:true,
                layout: 'border',
                items: new Ext.ux.ManagedIframePanel({
                    region:'center',
                    collapsible: true,
                    html: ''
                 })
            });
        }
        win.show();
    }
});

Load ext-all-debug.js, and use Firebug and examine the stack trace for the error. Are you sure it's not the SearchPanel crying out?

Lemme know what you find.

[Richie1985]

hi,

i have some iframe panels, in ie i see always the scrollbar area, in firefox is all clean, look at the pictures:

in ie:



in ff:



my code:

var panel = new Ext.ux.ManagedIframePortlet({ 
                    id: 'test',
                    height: 250,
                    frame: false,
                    tools: tools,
                     title: '<? echo $datum; ?> ' + jRecord.get("line") + ' ' + jRecord.get("standort"),
                    defaultSrc: 'chart.php?line=' + jRecord.get("lineid") + '&standortid=' + jRecord.get("standortid") + '&datum=<? echo $datum; ?>&stunden=<? echo $stunden; ?>&ajax=<? echo $ajax; ?>',
                    collapsible:false
                });

how can i turn off the scrollbar in the iframe?

nobody a idea to this?

[hendricd]

@richie-- From what little I can see of the IE image, looks more like a toolbar issue than scrollbars on the iframe.

But, to add additional attributes to the IFRAME, add

frameConfig : {scrolling:'no'}

to your MIFPortlets to force them off.

[JErickson]

I just added this MIF setup to 2.2/examples/desktop and got no errors at all opening/closing the defined App.window:

...

Lemme know what you find.

I've got it working with the Ext Desktop system. It turned out that my only problem there was using the Iframe inside a TabPanel that didn't have deferredRender turned off.

I'm still having problems using it on the qWikiOffice system, so I'll go bug the good folks there.

Thanks for your help.

[Richie1985]

@richie-- From what little I can see of the IE image, looks more like a toolbar issue than scrollbars on the iframe.

But, to add additional attributes to the IFRAME, add

frameConfig : {scrolling:'no'}

to your MIFPortlets to force them off.

yes, thats right, this is a toolbar in the iframe source. but when il show me the source alone in the webbrowser (not in a iframe) than als is perfekt, and the toolbar and outher elements going till the right border, only in the iframe and when the browser is an ie, then i have this place between border and toolbar.

with

frameConfig : {scrolling:'no'}

dont work

[mystix]

frameConfig : {scrolling:'no'}

dont work

try

frameConfig : {
    scroll:'no'
}