Dale Palmer
Top achievements
Rank 1
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
0
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.
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.