This is a migrated thread and some comments may be shown as answers.
Achieving a Darker Background for Modal RadWindows
2 Answers 82 Views
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 28 Jan 2012, 04:11 AM
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 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 1
answered on 30 Jan 2012, 05:41 AM
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
0
Robert
Top achievements
Rank 1
answered on 30 Jan 2012, 06:07 AM
Princy,

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

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

Robert
Asked by
Robert
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Robert
Top achievements
Rank 1
Share this question
or