I as noticing that the modal mask for cfwindow was rather minor. Also, I wanted to change its color to match the theme of the site I was working on. So, using my buddy firebug, I was able to get the class used for the mask.
1.x-dlg-mask{
2 background-color: #000000;
3 opacity:0.50;
4}
2 background-color: #000000;
3 opacity:0.50;
4}
I was then able to use it to change the color and opacity of the overlay. Just put this code before the cfwindow tag or in your site's css file.
--Dave
#1 by Tim Rubel on 8/14/08 - 8:54 PM
I have tried this but the style didn't change. Have you had to change anything?
#2 by pxt on 8/19/08 - 2:43 PM
Tim - use <style> tags around it and place it above the cfwindow call.
#3 by Michael Daniels on 10/2/08 - 8:46 AM
#4 by Steve Glachan on 10/22/08 - 11:27 PM
Note: The mask colour did not change at first, but then I added "!important" and it overwrote the default.
.x-dlg-mask{
background-color: #000000 !important;
opacity:0.50;
}
VERSION: ColdFusion 8,0,0,176276
#5 by Mark Gregory on 9/25/09 - 2:58 PM
#6 by Roman on 12/29/09 - 2:53 PM
#7 by Shawn on 7/29/10 - 9:32 PM
.ext-el-mask{
background-color: #000000;
opacity:0.70;
}
#8 by Andy on 1/25/12 - 10:06 AM
#9 by Fernando Lins on 4/11/12 - 5:14 AM
e.g.: the "loading..." screen of the cfgrid will use the same background.