masking

[markwagoner]

I have been prototyping a page, trying to use a modal dialog. Before displaying the dialog I need to request some more data from the server so I would like to disable the page until the data has been loaded and the window displayed.

Using Ext.getBody().mask() works but the shading only covers the part of the browser actually displaying content (about 2/3 of the total height in this case). Then, when the window appears the shading covers the entire browser area.

I would like to eliminate this repaint if possible. I tried using Ext.getDoc().mask() but this throws an error.

Is there some way to get this to work?

Thanks

[Condor]

And this?

Ext.get(document.documentElement || document.body).mask();

[markwagoner]

That seems to work in Fire Fox but in IE I get no masking at all, just a brief flicker of a scrollbar on the right side of the browser.

I tried looking into the Ext code to see how Window.show does this but, to be honest, got lost pretty quickly.