Hi All,

I have to load a document into ManagedIFrame, in which a mask is applied to the MIF, so that there will be a "loading" mask displayed till the document is loaded. please refer the code that I have used,
Code:
var mif = new Ext.ux.ManagedIFrame.Element(id);

var myMask = new Ext.LoadMask(mif, {msg:Ext.LoadMask.prototype.msg,msgCls:'ext-el-mask-msg'});
myMask.show();

mif.setSrc(src, false, sample(myMask));

function sample(myMask) {
    alert("Doc Loaded");
    myMask.hide();
}
Problem: If I clicked the button to load the document then the "loading" mask is getting displayed, then after the document is loaded the mask is not hidden.

Note: I am loading a HTML document which works fine with the code, the mask is hidden after the document load, but when I tried to display pdf, so that the document will be downloaded, after the downloading the "loading" mask is still displayed.

Please help me to resolve the issue.