LoadMask and screen resolution

[ajain]

Hello,

I have a page built using Ext components and on page submit I am using a LoadMask to mask the entire page. The page is masked properly as long as my screen resolution does not have any vertical scroll. However, if I change the resolution of my screen such that my page gets a vertical scroll, the LoadMask only masks the height of the page equal to one screen. How can I fix this?

Some snippets from my code -



var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});

var grid = new Ext.grid.EditorGridPanel({
id:'g1',
store: store,
cm: colModel,
width:1200,
layout:'fit',
height:700,
clicksToEdit:'2' ,
iconCls:'2',
stripeRows:true,
loadMask:true,
buttons: [{
text: 'Save',
id: 'saveBtn',
handler: function() {
myMask.show();
setTimeout(submitData,100);
}
}]
});


Any help will be greatly appreciated.

Thanks

[modernzyc]

you can got the page's height and then set the loadmask's height...