This is a migrated thread and some comments may be shown as answers.

RadWindow with transparent title bar.

2 Answers 176 Views
Window
This is a migrated thread and some comments may be shown as answers.
Ivan
Top achievements
Rank 1
Ivan asked on 11 Oct 2010, 03:56 PM
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;
}

2 Answers, 1 is accepted

Sort by
0
Accepted
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
answered on 12 Oct 2010, 05:10 AM
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
0
Ivan
Top achievements
Rank 1
answered on 12 Oct 2010, 04:23 PM

Marvelous!

 

Thank you very much Steve. That did the trick.

 

Regards.

 

Ivan.

Tags
Window
Asked by
Ivan
Top achievements
Rank 1
Answers by
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
Ivan
Top achievements
Rank 1
Share this question
or