modal - background mask color?

[matt]

hello,

currently when the default RadWindow opens in modal=true mode, the mask over the background content appears to be a transparent whitish.

i would like this to be a transparent black, instead.

how is this done? ive checked the docs but if its there ive missed it.


thanks
matt

[Georgi Tunev]

Hi Matt,

You can use the IE Dev toolbar to check the class of the modal background - it is .TelerikModalOverlay.

Here is how to change the style so the background will be darker:

    <style type="text/css">
    .TelerikModalOverlay
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
        opacity: .9 !important;
        -moz-opacity: .9 !important;
    }

    </style>

Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[matt]

georgi,

thank you, but i dont think thats quite right. even at 100% (.1), that produces a solid color of *gray*, not black.

i have tried modifying like so:

.TelerikModalOverlay {
    background:black;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    opacity:.1 !important;
    -moz-opacity:.1 !important;
}

...which *used* to work in older versions of RadWindow; but that isnt working for me now.

[Georgi Tunev]

Hi Matt,

Note the !important directive at the end of the settings - this way you override the default ones sent from the server.
In addition, to make your background completely black, you need to set the opacity to 1, not 0.1:

.TelerikModalOverlay {
    background:black !important;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    opacity:1 !important;
    -moz-opacity:1 !important;
}

Greetings,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[matt]

ah, "!important" did the trick -- i wasnt familar w/ that. brilliant!

thank you,
matt