Transparent modal window background color

5 posts, 2 answers
  1. Fakhrul
    Fakhrul avatar
    26 posts
    Member since:
    Aug 2008

    Posted 15 Apr 2009 Link to this post

    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
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 15 Apr 2009 Link to this post

    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.
  3. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 15 Apr 2009 Link to this post

    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.
  4. Fakhrul
    Fakhrul avatar
    26 posts
    Member since:
    Aug 2008

    Posted 16 Apr 2009 Link to this post

    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
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 16 Apr 2009 Link to this post

    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.
Back to Top