Achieving a Darker Background for Modal RadWindows

3 posts, 1 answers
  1. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 27 Jan 2012 Link to this post

    I've read everything I could find about altering the darkness of the "filter" that is applied behind a modal RadWindow.  I've tried several things based on that research but with no success.  Simply put, what I'm getting is shown in the first attachment but what I'd like to achieve is illustrated in the 2nd attachment (the one wrt 'thickbox').

    Here's the CSS styles I've been using:

    .modalBackgroundRadWindow {
      filter:Alpha(Opacity=95);          /* IE7 and under */
      -ms-filter: "Alpha(Opacity=95)";   /* IE8 */
        -moz-opacity: 0.95;
        opacity: 0.95;
    }

    .modalBackgroundThickBox {
        background-color:#000;
        filter:alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
    }

    What do I need to do with the RadWindow to achieve a darker background filter?

    Robert
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Jan 2012 Link to this post

    Hello Robert,

    Try the following CSS to override the default modal background.
    CSS:
    <style type="text/css">
     .TelerikModalOverlay
      {
       background: black !important;
       opacity: .5 !important;
       -moz-opacity: .5 !important;
      }
    </style>

    Thanks,
    Princy
  3. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 30 Jan 2012 Link to this post

    Princy,

    Thank you!  The "!important" suffixes seemed to do the trick.

    CSS coding remains one of life's great mysteries to me!

    Robert
Back to Top