MessageBox hidding part of the page (mask)

[Sunflower]

Hello,

It's possible that a message box hides only a part of the page (given by a DIV) instead of the whole page.

It would be handy so the menus would be still active

[para]

Once the dialog has been created, you can manipulate it's mask. The mask is simply another div element that goes above the rest, so it captures your mouse action instead of the rest of the page.
Get your Ext element that you want to mask, resize the mask, and then align it to the element:


// however you get your el, it should be an Ext Element
var el = Ext.get('el-to-be-masked');

//resize the mask
dialog.mask.resize(el.getSize().width, el.getSize().height);

// align it to the element (to the top-left corner)
dialog.mask.alignTo(el.dom, "tl");


Hope this helps.

[Sunflower]

Thanks =D>=D>