CSS Bugs in RadWindow?
I've been tearing my hair out over some very weird rendering problems with the RadWindow in Sitefinity (well, it's also present in the Rad Controls in general, I think). See attached screenshot.
It appears that there are CSS bugs in the stylesheet. I've noticed that several of the elements seem to be missing margin:0 settings. For example:
/* RadWindow for ASP.NET AJAX Base Stylesheet */
/* MVC overrides */
.RadWindow table.rwTable,
.RadWindow table.rwShadow,
.RadWindow .rwTitlebarControls
border
:
0
;
padding
:
0
;
margin
:
0
;
/* Missing rule. Fixes weird OOTB spacing issues */
.RadWindow .rwCorner,
.RadWindow .rwTitlebar,
.RadWindow .rwStatusbar,
.RadWindow .rwStatusbar table,
/* Missing selector. Fixes weird OOTB spacing issues */
.RadWindow .rwFooterCenter,
.RadWindow .rwTitlebarControls td
padding
:
0
;
margin
:
0
;
border
:
0
;
border-collapse
:
collapse
;
vertical-align
:
top
;
.RadWindow_Office
2010
Silver .rwShadow .rwControlButtons li
float
:
left
;
padding
:
0
;
margin
:
0
0
;
/* Missing Rule. Fixes weird spacing issues with OOTB CSS */
<
sf:ResourceLinks
id
=
"resourcesLinks"
runat
=
"server"
Theme
=
"Default16"
UseEmbeddedThemes
=
"false"
>
<
sf:ResourceFile
Name
=
"Css/window.css"
/>
<
sf:ResourceFile
Name
=
"Css/Window.Office2010Silver.css"
/>
</
sf:ResourceLinks
>