Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

[Solved] RadWindow No Titlebar in IE6

1 Answer 124 Views
Window
This is a migrated thread and some comments may be shown as answers.
Dale Palmer
Top achievements
Rank 1
Dale Palmer asked on 03 Dec 2008, 02:03 PM
In ie6 the Title bar does not appear for the RadWindow. I'm just using a customised version of the RadWindow Css. Is it a problem with my code?

/* RadWindow 2 Common Css */ 
 
div.radwindow  
{  
    float: left;  
    position: absolute;  
}  
 
div.radwindow a  
{  
    outline: none;  
}  
 
div.radwindow table  
{  
    width: 100% !important;  
    height: 100%;  
    table-layout: fixed;  
}  
 
div.radwindow div.min  
{  
    display: none;  
}  
 
div.radwindow table td  
{  
    padding: 0;   
    margin: 0;  
    border-collapse: collapse;  
    vertical-align: top;  
}  
 
.radwindow .corner,  
.radwindow .footercenter  
{  
    line-height:1;  
}  
 
div.radwindow table td.titlebar  
{  
    -moz-user-select: none;  
    /*cursor: move;*/ 
}  
 
div.radwindow td.titlebar div.topresize  
{  
    font-size: 1px;  
    height: 4px !important;  
    line-height: 4px !important;  
    width: 100%;  
}  
 
div.radwindow td.statusbar input  
{  
    border: 0px;          
    background-color: transparent !important;   
    background-repeat: no-repeat;         
    width: 100%;      
    cursor: default;  
    -moz-user-select: none;  
    overflow: hidden;   
    text-overflow: ellipsis;  
    display: block;   
    float: left;  
}  
 
div.radwindow td.statusbar div  
{         
    width: 18px;   
    height: 18px;     
}  
 
div.radwindow td.statusbar .loading  
{  
    padding-left:30px;  
}  
 
div.radwindow td.statusbar span.statustext  
{  
    cursor: default;   
    -moz-user-select: none;  
}  
 
div.radwindow.nostatusbar tr.statusbarrow  
{  
    display: none;  
}  
 
div.radwindow table.titlebarcontrols ul.controlbuttons  
{  
    padding: 0;   
    margin: 0;  
    list-style: none  !important;   
    whitewhite-space:nowrap;   
    float: rightright;   
}  
 
div.radwindow_rtl table.titlebarcontrols ul.controlbuttons  
{  
    float: left;   
}  
 
div.radwindow table.titlebarcontrols ul.controlbuttons li  
{  
    float: left;  
}  
 
div.radwindow_rtl table.titlebarcontrols ul.controlbuttons li  
{  
    float: rightright;  
}  
 
div.radwindow table.titlebarcontrols ul.controlbuttons li a  
{  
    display: block;   
    text-decoration: none;  
}  
 
div.radwindow table.titlebarcontrol ul.controlbuttons li a span  
{  
    text-indent: -9999px;   
    display: block;   
}  
 
div.radwindow table.titlebarcontrols a.windowicon  
{  
    display: block;   
    margin-right: 3px;    
    width: 20px !important;  
    height: 16px !important;  
}  
 
div.radwindow table.titlebarcontrols em  
{     
    overflow: hidden;   
    text-overflow: ellipsis;   
    whitewhite-space: nowrap;   
    float: left;      
}  
 
div.radwindow.minimizedwindow  
{  
    overflow: hidden;  
}  
 
div.radwindow div.iconmenu  
{  
    float: left;   
    position: absolute;   
    z-index: 56000000;  
}  
 
div.radwindow div.iconmenu a  
{  
    cursor: default;  
}  
 
div.radwindow.inactivewindow table.titlebarcontrols  
{  
    position: static;  
}  
/* end of inactive window settings */ 
 
/* popup windows */ 
.radwindow .windowpopup a.radwindowbutton  
{  
    margin-top: 24px !important;  
}  
 
.radwindow .windowpopup a.radwindowbutton:focus,  
.radwindow .windowpopup a.radwindowbutton:active  
{  
    border: 1px dotted #999999;                          
}  
 
.radwindow .windowpopup a.radwindowbutton,  
.radwindow .windowpopup a.radwindowbutton span  
{  
    display: block;   
    float: left;  
}  
 
div.radwindow table.titlebarcontrols ul.controlbuttons li a  
{  
    text-indent: -9999px;  
}  
 
/* opera fix */ 
html:first-child div.radwindow ul  
{  
    float: rightright;   
    border: solid 1px transparent;  
}  
 
.radwindow .dialogtext  
{  
    text-align: left;  
}  
 
div.radwindow.minimizedwindow .pinbutton,  
div.radwindow.minimizedwindow .reloadbutton,  
div.radwindow.minimizedwindow .maximizebutton,  
div.radwindow.minimizedwindow .topresize  
{  
    display: none !important;  
}  
 
.radwindow .contentrow .windowcontent  
{  
    font-size: 11px;  
}  
 
/* inactive window settings */ 
div.radwindow.inactivewindow td.corner,  
div.radwindow.inactivewindow td.titlebar,  
div.radwindow.inactivewindow td.footercenter,  
div.radwindow td.titlebar  
{  
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;  
    opacity: 1.0 !important;   
    -moz-opacity: 1.0 !important;  
}  
 
/* RADWINDOW PROMETHEUS "DEFAULT" SKIN */ 
 
div.radwindow_Default table td.corner  
{  
    width:6px;  
    line-height:1px;  
}  
 
div.radwindow_Default table td.topleft  
{  
    height: 6px;  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') 0 -59px no-repeat;  
}  
 
div.radwindow_Default table td.titlebar  
{  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') 0 0 repeat-x;  
}  
 
div.radwindow_Default table td.topright  
{  
    height: 6px;  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') 100% -59px no-repeat;  
}  
 
div.radwindow_Default table td.bodyleft  
{  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowVerticalSprites.gif") %>') 0 0 repeat-y;  
}  
 
div.radwindow_Default .windowcontent  
{  
    height: 100%;  
    border-bottom:0;  
    background:#fff;  
}  
 
div.radwindow_Default table td.bodyright  
{  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowVerticalSprites.gif") %>') 100% 0 repeat-y;  
}  
 
div.radwindow_Default table td.footerleft  
{  
    height:6px;  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') 0 -106px no-repeat;  
}  
 
div.radwindow_Default table td.footercenter  
{  
    height:6px;  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') 0 -133px repeat-x;  
}  
 
div.radwindow_Default table td.footerright  
{  
    height:6px;  
    background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') 100% -106px no-repeat;  
}  
 
div.radwindow_Default td.statusbar  
{  
    height:20px;  
    line-height:18px;  
    background:#e4e4e4;  
}  
 
div.radwindow_Default td.statusbar td  
{  
    border-top:1px solid #cecece;  
}  
 
div.radwindow_Default td.statusbar input  
{  
    font:normal 12px arial,sans-serif;  
    padding-left:4px;  
    background: transparent;  
}  
 
div.radwindow_Default td.statusbar div  
{  
      background:url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') -20px -92px no-repeat;  
}  
 
div.radwindow_Default td.statusbar .loading  
{     
    background-image:url('/Images/Dialogs/Login/Loading.gif');    
}  
 
div.radwindow_Default td.statusbar span.statustext  
{  
    font: normal 11px Verdana, Arial, Sans-serif;  
    color:#000;  
}  
 
div.radwindow_Default td.statusbar input  
{  
    background-repeat: no-repeat;  
}  
 
div.radwindow_Default table.titlebarcontrols ul.controlbuttons  
{  
    padding:0 2px 0 0 !important;  
}  
 
div.radwindow_Default table.titlebarcontrols ul.controlbuttons li a  
{  
    width: 30px;   
    height: 26px;   
    line-height: 26px;   
    font-size: 1px;  
    cursor: default;  
    margin: 2px 0 2px 2px;  
}  
 
/* reload button */ 
div.radwindow_Default a.reloadbutton  
{  
    background: transparent url('/Images/Dialogs/Login/CommandSprites.gif') no-repeat -90px 0;  
}  
 
div.radwindow_Default a.reloadbutton:hover  
{  
    background-position: -90px -26px;  
}  
 
/* unpin button */ 
div.radwindow_Default a.pinbutton  
{  
    background: transparent url('/Images/Dialogs/Login/CommandSprites.gif') no-repeat -150px 0;  
}  
 
div.radwindow_Default a.pinbutton:hover  
{  
    background-position: -150px -26px;  
}  
 
/* pinbutton */ 
div.radwindow_Default a.pinbutton.on  
{  
    background: transparent url('/Images/Dialogs/Login/CommandSprites.gif') no-repeat -120px 0;  
}  
 
div.radwindow_Default a.pinbutton.on:hover  
{  
    background-position: -120px -26px;  
}  
 
/* minimize button */ 
div.radwindow_Default a.minimizebutton  
{  
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.CommandSprites.gif") %>') no-repeat -60px 0;  
}  
 
div.radwindow_Default a.minimizebutton:hover  
{  
    background-position: -60px -26px;  
}  
 
/* maximize button */ 
div.radwindow_Default a.maximizebutton  
{  
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.CommandSprites.gif") %>') no-repeat -30px 0;  
}  
 
div.radwindow_Default a.maximizebutton:hover  
{  
    background-position: -30px -26px;  
}  
 
/* close button */ 
div.radwindow_Default a.closebutton  
{  
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.CommandSprites.gif") %>') no-repeat -180px 0;  
}  
 
div.radwindow_Default a.closebutton:hover  
{  
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.CommandSprites.gif") %>') no-repeat -180px -26px;  
}  
 
/* restore button */ 
div.radwindow_Default.maximizedwindow a.maximizebutton,  
div.radwindow_Default.minimizedwindow a.minimizebutton  
{  
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.CommandSprites.gif") %>') 0 0 !important;  
}  
 
div.radwindow_Default.maximizedwindow a.maximizebutton:hover,  
div.radwindow_Default.minimizedwindow a.minimizebutton:hover  
{     
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.CommandSprites.gif") %>') 0 -26px !important;  
}  
 
div.radwindow_Default table.titlebarcontrols a.windowicon  
{  
    background: transparent url('<%=WebResource("Syntasso.Images.RadWindow.WindowCornerSprites.gif") %>') -21px -59px no-repeat;  
    cursor: default;  
    margin: 8px 0 0 3px;  
}  
 
div.radwindow_Default table.titlebarcontrols em  
{  
    font: normal 14px Arial, Verdana, sans-serif;  
    color: #fff;      
    margin: 7px 0 0 2px;  
}  
 
div.radwindow_Default.minimizedwindow  
{  
    width: 170px !important;   
    height: 30px !important;  
    background: #4b4b4b;  
    border: solid 2px #232323;  
}  
 
/* overlay element should be minimized when the window is minimized */ 
iframe.minimizedwindowoverlay_Default  
{  
    /* take into account the borders of the main DIV of the window when setting width/height */ 
    width: 164px !important; height: 34px !important;  
}  
 
div.radwindow_Default.minimizedwindow td  
{  
    background: none !important;  
}  
 
div.radwindow.radwindow_Default.minimizedwindow table.titlebarcontrols   
{  
    width: 150px !important;  
    height: 40px !important;  
    margin-top: -3px;  
}  
 
div.radwindow.radwindow_Default.minimizedwindow table.titlebarcontrols ul  
{  
    position: relative;  
    top: -3px;  
}  
 
div.radwindow_Default.minimizedwindow em  
{  
    color: white !important;  
    width: 75px !important;  
}  
 
 
div.radwindow_Default.minimizedwindow td.corner  
{  
    cursor: default;  
}  
 
div.radwindow_Default.minimizedwindow td.corner.topleft,  
div.radwindow_Default.minimizedwindow td.corner.topright  
{  
    width: 10px !important;  
}  
 
div.radwindow_Default.minimizedwindow td.titlebar  
{  
    cursor: default;  
    background: #4b4b4b;  
}  
 
div.radwindow_Default .windowcontent .windowpopup  
{  
    margin:16px;  
    font:normal 11px Arial;  
    color:black;      
    padding:0px 0px 16px 50px;  
}  
 
div.radwindow_Default .windowcontent .windowpopup.radprompt  
{  
    padding: 0;  
      
}  
 
div.radwindow_Default .windowcontent .windowpopup.radconfirm  
{  
    background: transparent url('/Images/Dialogs/Login/ModalDialogConfirm.gif') no-repeat 8px center;     
}  
 
div.radwindow_Default .windowcontent .dialogtext  
{  
    text-align: left;  
}  
 
div.radwindow_Default .windowcontent input.dialoginput  
{  
    padding: 3px 4px 0 4px;  
    height: 17px;  
    width: 100%;  
    font: normal 11px Verdana, Arial, Sans-serif;  
    border: solid 1px black;  
    background: #d6d6d6;  
}  
 
div.radwindow_Default .windowcontent a,  
div.radwindow_Default .windowcontent a span  
{  
    text-decoration: none;  
    color: black;  
    line-height: 14px;  
    cursor: default;  
}  
 
div.radwindow_Default .windowcontent a.radwindowbutton  
{  
    margin: 8px 1px 0 0;  
    border: solid 1px black;  
    background: #4f4f4f;  
    font-weight: bold;  
}  
 
div.radwindow_Default .windowcontent a.radwindowbutton span.outerspan  
{  
    padding: 0 3px 0 0;  
    border: solid 1px white;  
}  
 
div.radwindow_Default .windowcontent a.radwindowbutton span.innerspan  
{  
    padding: 0 12px;  
    color: white;  
    line-height: 22px;  
}  
 
div.modaldialogbacgkround  
{  
    background: black;  
}  
 
/* set window transparency */ 
div.radwindow.radwindow_Default.normalwindow.transparentwindow td.corner,  
div.radwindow.radwindow_Default.normalwindow.transparentwindow td.titlebar,  
div.radwindow.radwindow_Default.transparentwindow td.footercenter  
{  
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);  
    opacity: .8; -moz-opacity: .8;  
}  
 
.radwindow.radwindow_Default.minimizedwindow .controlbuttons  
{  
    margin-top: 6px;  
}  
 
.radwindow.radwindow_Default.minimizedwindow em  
{  
    margin-top: 10px !important;  
}  
 
.radwindow.radwindow_Default.minimizedwindow .windowicon  
{  
    margin-top: 11px !important;  
}  
 
 
 
div.radwindow.minimizedwindow .pinbutton,  
div.radwindow.minimizedwindow .reloadbutton,  
div.radwindow.minimizedwindow .maximizebutton,  
div.radwindow.minimizedwindow .topresize,  
div.radwindow .pinbutton,  
div.radwindow .reloadbutton,  
div.radwindow .minimizebutton  
{  
    display: none !important;  
} 

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 04 Dec 2008, 02:21 PM
Hello Dale,

Unfortunately, without the images I cannot help much. I would like to kindly ask you to open a new support ticket with a sample project containing your custom skin as an external resource (without the server directives of the embedded image resources and everything needed to run it normally and I will do my best to help.

Best wishes,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Window
Asked by
Dale Palmer
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or