Background and loading mask

[d.bernaert]

Hi,

I'm would like to avoid having the background grayed out when having a modal form.

So therefore I use the following css which works fine:

.x-mask {
   opacity: 0.0;
   background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}

My question is the following: by setting this I cannot see the loading screenmask anymore when setting the property active on a control.

Is it possible to disable the background being grayed out when having a modal form but still be able to show the loading screenmask?

Thx,

Dominique

[Sherzod]

1 hour ago, d.bernaert said:

Is it possible to disable the background being grayed out when having a modal form but still be able to show the loading screenmask?

Hi Dominique,

One possible solution I think.

1. CustomCSS:

.customWindow.x-mask {
   opacity: 0.0;
   background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}

2. Form.ClientEvents.ExtEvents -> 

function window.show(sender, eOpts)
{
    if (this.modal) {
        var dom = Ext.dom.Query.select('.x-mask');
        var el = Ext.get(dom[0]);
        el.addCls('customWindow');
    }
}

 

[d.bernaert]

Thx Sherzod,

will try.

Dominique