Modal Window Background Transparency

[JoeStar]

Hi All,
I have a Window that I am using as a Modal Popup. What is the best way to alter the transparency of the modal background css, ie -> I want to make it less transparent. Can you configure this in the JS or do I have to go through the CSS manually.

By the background I am referring to the grey layer that is brought up behind a modal window when it is opened.

Thanks in advance.

[danh2000]

It's managed by the css class ext-el-mask

The default opacity is 0.5 meaning 50%.

[JoeStar]

Thanks Danh.

So I manually alter the ExtJS css file is this correct? I was hoping that I could alter this within the JS library but couldn't find anything in the API, as I would prefer not to alter the ExtJS files as these changes will be lost if I ever upgrade to a lter version, but I guess that is only a small concern.

Thanks.

[danh2000]

Thanks Danh.

So I manually alter the ExtJS css file is this correct? I was hoping that I could alter this within the JS library but couldn't find anything in the API, as I would prefer not to alter the ExtJS files as these changes will be lost if I ever upgrade to a lter version, but I guess that is only a small concern.

Thanks.

No, create your own ext-overrides.css file and include this after the ext-all.css file - inside the file put something like:

.ext-el-mask {
    opacity: 0.2; //for instance
}

HTH

[JoeStar]

Right...

Yep that makes sense!!

Thanks, you have been super helpful!