I can't seem to get a background of 100% width and height and a 30% opacity around the notification control. Is it even possible to do this? I realize it's just like a modal popup, but that's that point. I would love it if my notification controls could match the site more. Here is my code:
<
style
type
=
"text/css"
>
.notificationContent
{
display: inline-block;
zoom: 1;
*display: inline;
width: 160px;
vertical-align: bottom;
}
.newBackground
{
width: 100%;
height: 100%;
background-color:#666;
filter:alpha(opacity=30);
opacity:0.7;
-moz-opacity:0.7;
}
</
style
>
<
div
class
=
"newBackground"
><
telerik:RadNotification
ID
=
"RadNotification1"
runat
=
"server"
Position
=
"Center"
Width
=
"240"
Height
=
"100"
OnClientShowing
=
"OnClientShowing"
OnClientHidden
=
"OnClientHidden"
LoadContentOn
=
"PageLoad"
AutoCloseDelay
=
"60000"
Title
=
"Continue Your Session"
TitleIcon
=
""
Skin
=
"Office2007"
EnableRoundedCorners
=
"true"
Animation
=
"Fade"
CssClass
=
"newBackground"
>
<
ContentTemplate
>
<
div
class
=
"notificationContent"
>
Time remaining:
<
span
id
=
"timeLbl"
>60</
span
>
<
telerik:RadButton
Skin
=
"Office2007"
ID
=
"continueSession"
runat
=
"server"
Text
=
"Continue Your Session"
Style
=
"margin-top: 10px;"
>
</
telerik:RadButton
>
</
div
>
</
ContentTemplate
>
</
telerik:RadNotification
></
div
>