[3.0.x, 3.1.1] ux.ManagedIFrame 2.x

**sidthegooner** · 23 Aug 2012 11:43 PM

Hi doug,
I'm using the release 2_1_5 and the application i'm working on uses ext 3.4..I've included miframe-debugging.js only as i require only the basic features provided by miframe in rendering an iframe..I find the setSrc() not working,in the sense when i want to refresh the iframe panel by simply calling setSrc(),the load Mask fills the panel and never disappears.I was using an earlier cersion of Miframe which was working properly..

I've done something like this to create an iframe

iportal.view.iframepanel = Ext.extend(Ext.Panel, {
viewConf : null,
conf : null,
uri : null,
initComponent : function (){
var defaultConfig = {
xtype:'Panel',
items:[{
xtype : 'iframepanel',
height : this.height,
defaultSrc : this.uri,
loadMask : true
}]
};
Ext.apply(this, defaultConfig);
iportal.view.iframepanel.superclass.initComponent.apply(this);

});

when i click the refresh button in my application,i'm doin something like this

this.getComponent(0).getComponent(0).getComponent(0).setSrc();

**sidthegooner** · 24 Aug 2012 1:06 AM

Its a load mask issue rather than a refresh issue..when i commented out loadMask : true,the refresh actually happens

**sidthegooner** · 24 Aug 2012 1:42 AM

had to change
hideOnReady : true,

which defaulted to false...

Would it have any side impacts??

**sidthegooner** · 16 Sep 2012 10:05 PM

Hi,
I'm using Ext 3.4..And i find autoscroll : false not working in IE..Firefox renders the iframe without any scrollbar..But IE doesn't..Is there any workaround to disable the scrollbar???
Code Snippet :

var mif = new Ext.ux.ManagedIFrame.Panel({
defaultSrc : this.uri,
height : this.height,
autoScroll : false,
frameborder : 0,
border : false,
loadMask : {
msg : this.loadMask
}
}

**hendricd** · 18 Sep 2012 4:00 AM

Originally Posted by sidthegooner

Hi,
I'm using Ext 3.4..And i find autoscroll : false not working in IE..Firefox renders the iframe without any scrollbar..But IE doesn't..Is there any workaround to disable the scrollbar???

@sid --

It would be best if you let the hosted page (in the frame) control scrolling of it's <body> tag. IE does not permit overriding the overflow features of a nested document.

**sidthegooner** · 28 Sep 2012 8:05 PM

I find not the nested document having the scroll,but the iframe panel itself having it!!!If i size the document inside, 4 pixels lesser than that of the available height,this scroll bar disappears...Could anything be done??

**FanOfExt** · 9 Jan 2013 5:52 PM

Is this component compatible with ext 4.1.x ? The original thread says "Ext 3.1.1 higher"

**ironandsteel** · 26 Jan 2013 10:16 AM

I have a simple php page that contains a form and lets me read in and update a record in a database.

I am trying to enclose this is a modal popup from an Ext 3.4 application.

I am using Managed IFrame 2.1.5. I am using the example code from the MIF wiki. The code opens the MIF and displays my php file just fine.

I am trying to figure out how to close the window when I click the cancel or ok button on my form on my php page.

Here is my code that creates the MIF and opens the window. editProject is a method in my editablegrid object.

I've looked at every mif wiki and doc site that still works and I can't locate any examples or docs on how to close the window, or specifically how to access the containing window from within the iframe.

Thanks!
Lynn Kasdorf

Code:

    ,editProject: function() {
        //this.projectForm.show(record, grid.getView().getCell(row, col), this.store);
        var MIF = new Ext.ux.ManagedIFramePanel({
                border: false,
                bodyBorder: false,
                defaultSrc:'editProject.php?projectId=' + this.projectId,
                listeners:{
                    domready : function(frame){
                          var fbody = frame.getBody();
                          var w = Ext.getCmp('myFrameWin');
                          if(w && fbody){
                               //calc current offsets for Window body border and padding
                              var bHeightAdj = w.body.getHeight() - w.body.getHeight(true);
                              var bWidthAdj  = w.body.getWidth()  - w.body.getWidth(true);
                              //Window is rendered (has size) but invisible
                              w.setSize(Math.max(w.minWidth || 0, fbody.scrollWidth  +  w.getFrameWidth() + bWidthAdj) ,
                                        Math.max(w.minHeight || 0, fbody.scrollHeight +  w.getFrameHeight() + bHeightAdj) );
                              //then show it sized to frame document
                              w.show();
                          }
                    }
                }
            });

      var windowFrame = new Ext.Window({
                  title: name,
                  width: 600,   //give it something to start with until the frame renders
                  height: 400,
                  hideMode:'visibility',
                  id:'myFrameWin',
                  hidden : true,   //wait till you know the size
                  title: 'Sized To Frame Document',
                  plain: true,
                  constrainHeader: true,
                  minimizable: true,
                  ddScroll: false,
                  border: false,
                  bodyBorder: false,
                  layout: 'fit',
                  plain:true,
                  maximizable: true,
                  buttonAlign:'center',
                  items:MIF,
                  modal: true
              });
            windowFrame.show();
    }

**litou** · 25 Feb 2013 1:24 AM

the web site of api document couldn't open, and demo too!!
is there api document anywhere else?

http://uxdocs.theactivegroup.com/ind...rame.Component

i'm sad about the web site

**Waltzy** · 25 Mar 2013 4:16 AM

The CDL License link is broken, could you fix this or link to another page detailing the License?

Cheers.

[3.0.x, 3.1.1] ux.ManagedIFrame 2.x

Thread Tools

Search Thread

Display

Issue identified

Issue identified

Thx doug fixed it!!!

Thx doug fixed it!!!

Autoscroll IE issue

Autoscroll IE issue

@sid -- It would be best if you let the hosted page (in the frame) control scrolling

@sid -- It would be best if you let the hosted page (in the frame) control scrolling

how to close window from iframe contents

how to close window from iframe contents

the web site of api document couldn't open

the web site of api document couldn't open

CDL License

CDL License

Tags for this Thread