opacity for modal background

3 posts, 1 answers
  1. Piyush Bhatt
    Piyush Bhatt avatar
    166 posts
    Member since:
    Nov 2007

    Posted 26 Mar 2008 Link to this post

    I wanted to change the opacity/background color when a radwindow is displayed as modal  popup. I checked the output code in Firefox and saw that it generates a div with following class and a style property.
    .TelerikModalOverlay

    Now, the style property has the "opacity" and background color; hence changing the above class does not make difference.

    What should be done in this case - how can I be able to change the opacity for the background div?

    Thanks,
    Piyush
  2. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 26 Mar 2008 Link to this post

    Hello Piyush,

    You can use the following style in the head section of your page:

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




    All the best,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Piyush Bhatt
    Piyush Bhatt avatar
    166 posts
    Member since:
    Nov 2007

    Posted 26 Mar 2008 Link to this post

    Thank you it worked! You guys are CSS genius.
Back to Top