Transparent modal window background color

[Fakhrul]

Hi,

How can i set transparent modal window background color? I mean it will be modal but not gray background, it will be transparent as like before open radwindow.

Thanks in advance.

Fakhrul

[Princy]

Hello Fakhrul,

You can try out the following code to set the modal background color :

<style type="text/css">
 .TelerikModalOverlay
 {
  background:Red !important;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
  opacity: 1 !important;
  -moz-opacity: 1 !important;
 }
</style>

Thanks
Princy.

[Georgi Tunev]

Hi Fakhrul,

To do that you could use the following style:

.TelerikModalOverlay
{
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) !important;
    opacity: 0 !important;
    -moz-opacity: 0 !important;
}

Greetings,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Fakhrul]

Thanks Guys, Its works. But i face another problem, that is there is 3 modal window and I want transparent background for a specific window. Is there any way?

Thanks again guys.

Fakhrul

[Georgi Tunev]

Hello Fakhrul,

This is not possible to do with CSS - the style is common for all RadWindows on the page. If you want to have different modal backgrounds for different windows, I suggest not to use the Modal property but to implement a custom logic that will put your own modal image / div behind the RadWindow. You can use the OnClientShow and OnClientClose eventhandlers of the RadWindow to show / hide your custom modal layer.


Best wishes,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.