View Full Version : modal window with custom opacity

16 Nov 2009, 8:29 PM
When we use a modal window the default opacity is set to 0.5(as defined in ext-el-mask), but in one case i need it to be less than this. Please let me know how this can be achieved. if i change the opacity in ext-el-mask css class it works, but it changes for all cases.

Thanks in advance

20 Nov 2010, 2:43 AM
hi, i just run into the same problem.

This is how i solved it:

onRender: function () {
Ext.ux.LoginWindow.superclass.onRender.apply(this, arguments);
this.mask.setStyle('opacity', 1);

Ext.Window.mask property(but only after render) holds the Ext.Element reference to the background mask dom element of the modal window.
You can do what you want with it.

I hope someone will find this tip useful :)