RadWindow with transparent title bar.

[Ivan]

Hello everyone.

I put a window on a page for posting comments; it works great but when it opens, the title bar is semi-transparent as you can see from the attached image (the main window has a chart in it).

Also, even though the WindowManager has EnableShadow = true, there is no shadow on the background.

I read on another post that there could be an issue with <ul> definitions on the CSS file. I have no RadWindow settings on the CSS file.

Here is my code:

    <telerik:RadWindowManager ID="RadWindowManager1" runat="server"
        EnableShadow="True" Behavior="Default" InitialBehavior="None">
        <Windows>
            <telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Close, Move"
                NavigateUrl="Comment.aspx" VisibleStatusbar="False" Behavior="Close, Move"
                Overlay="True">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>


ul.nav
{
    padding:0px;
    margin:0px;
    height:37px;
}
ul li
{
    height:37px;
}
ul li.first {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
    padding: 0px;
    font-family: Franklin Gothic Medium;
    padding: 0px 8px 0px 0px;
}
ul.nav img
{
    border:0;
}
ul li.selected
{
    margin-left: 0;
    padding: 0px;
    list-style: none;
    display: block;
    float:left;
    font-family: Franklin Gothic Medium;
}
ul.nav li a
{
    display:block;
    height:37px;
    float:left;
    line-height:30px;
    padding: 0px 8px;
}
ul.nav li img
{
    float:left;
}
ul.nav li.selected a
{
    background:url("../Images/Top_Nav_Selected_Fill.gif");
    background-repeat:repeat-x;
    background-color:#5e5e60;
    border:none;
    padding:0px;
}

[sitefinitysteve]

Ahhh, you have one orphaned global style causing the problem :) (can replicate it on the demo site)

ul li
{
    height:37px;
}

Having this means all LI items nested under any UL will be 37px high (unless overridden)...and the command button area fits this match.

So kill that guy, or make the selector more specific and you're golden.

Steve

[Ivan]

Marvelous!

 

Thank you very much Steve. That did the trick.

 

Regards.

 

Ivan.