Results 1 to 3 of 3

Thread: modal-popup/menu's hidden over iframe in IE7/IE8

  1. #1

    Default modal-popup/menu's hidden over iframe in IE7/IE8

    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!!

    MenuOverIframe.jpg
    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

  2. #2
    Sencha Premium Member
    Join Date
    Aug 2014
    Posts
    13

    Default I have this problem too in ExtJS 4.2

    There is a good example of the problem here: http://solidlystated.com/scripting/p...rnet-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?

  3. #3
    Sencha Premium Member
    Join Date
    Aug 2014
    Posts
    13

    Default

    Setting Ext.useShims = true; worked for me.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •