PDA

View Full Version : modal-popup/menu's hidden over iframe in IE7/IE8



jitender.kinra
26 Feb 2012, 5:04 AM
Hi,

I m using iframe (for opening pdf/tif) within resizable pannel, the moment user is clicking on menu/ modal pop up its hiding behind the iframe, please help!!

32150
var widthVar = document.body.offsetWidth * 0.72;
var heightVar = adjustHeight(0.94);
var imageIframe = Ext.DomHelper.append('ImageDiv', {
tag: 'IFRAME',
id: 'DisplayImageFrame',
src: 'include/DisplayDocument.jsp?DocDSName=PrimaryDocument',
frameborder:'0',
style: 'width:100%;height:100%'
}, true);

var ResizableExample = {
init : function(){
var wrapped = new Ext.Resizable(imageIframe, {
wrap:true,
pinned:true,
width:widthVar,
maxHeight : heightVar,
minHeight : heightVar,
height: heightVar
});
}
};
Ext.EventManager.onDocumentReady(ResizableExample.init, ResizableExample, true);


Regards,
Jitender Kinra

mpflaging
11 Jun 2015, 7:25 AM
There is a good example of the problem here: http://solidlystated.com/scripting/place-div-over-iframe-in-internet-explorer/
along with with a fix that will only work with static HTML.

How do we fix this with dynamic HTML / ExtJS? What class(es) should be overridden?

mpflaging
11 Jun 2015, 9:16 AM
Setting Ext.useShims = true; worked for me.