Skin for Window has no border , nothing?

[Jonathan]

Hi..

I created a new skin using the builder, just select WebBlue and changed the color to Green. When I apply the skin I get window with no border and no color.

Here's what the SkinBuilder generated. Any ideas?

 

thx

 

.RadWindow_Flom1{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:12px}.RadWindow_Flom1 .rwTopLeft,.RadWindow_Flom1 .rwTopRight,.RadWindow_Flom1 .rwTitlebar,.RadWindow_Flom1 .rwFooterLeft,.RadWindow_Flom1 .rwFooterRight,.RadWindow_Flom1 .rwFooterCenter,.RadWindow_Flom1 .rwTopResize,.RadWindow_Flom1 .rwStatusbar div,.RadWindow_Flom1 .rwStatusbar,.RadWindow_Flom1 .rwPopupButton,.RadWindow_Flom1 .rwPopupButton span,.RadWindow_Flom1.rwMinimizedWindow .rwCorner{background-image:url('Window/WindowHorizontalSprites.gif')}.RadWindow_Flom1 .rwBodyLeft,.RadWindow_Flom1 .rwBodyRight,.RadWindow_Flom1 .rwStatusbarRow .rwCorner{background-image:url('Window/WindowVerticalSprites.gif')}.RadWindow_Flom1 .rwShadow .rwTopLeft,.RadWindow_Flom1 .rwShadow .rwTopRight,.RadWindow_Flom1 .rwShadow .rwTitlebar,.RadWindow_Flom1 .rwShadow .rwFooterLeft,.RadWindow_Flom1 .rwShadow .rwFooterRight,.RadWindow_Flom1 .rwShadow .rwFooterCenter,.RadWindow_Flom1 .rwShadow .rwTopResize,.RadWindow_Flom1 .rwShadow .rwStatusbar div,.RadWindow_Flom1 .rwShadow .rwStatusbar,.RadWindow_Flom1 .rwShadow .rwPopupButton,.RadWindow_Flom1 .rwShadow .rwPopupButton span,.RadWindow_Flom1 .rwShadow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwBodyRight,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyRight{background-image:url('Window/WindowHorizontalSprites.png')}.RadWindow_Flom1 .rwShadow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwBodyRight,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyRight{background-image:url('Window/WindowVerticalSprites.png')}.RadWindow_Flom1 .rwStatusbar input{background-color:#f7ffe9}.RadWindow_Flom1 .rwControlButtons a{background-image:url('Window/CommandButtonSprites.gif')}.RadWindow_Flom1 a.rwIcon{background-image:url('Window/WindowHorizontalSprites.gif')}.RadWindow_Flom1 table.rwTitlebarControls em{color:#ffffff}.RadWindow_Flom1 input.rwDialogInput{border:1px solid #76a5a5}.RadWindow_Flom1 input.rwDialogInput:hover{border:1px solid #5db8b7}.RadWindow_Flom1 tr td.rwWindowContent{background-color:#ffffff}.RadWindow_Flom1 table tr td.rwLoading{background-color:#e6ffee}.RadWindow_Flom1 td.rwWindowContent.rwLoading,.RadWindow_Flom1 .rwIframeWrapperIOS.rwLoading{background-image:url('Common/loading.gif')}.RadWindow_Flom1 td input.rwLoading{background-image:url('Common/loading_small.gif')}.RadWindow_Flom1 .rwShadow .rwControlButtons{margin:5px -2px 0 0}.RadWindow_Flom1 .rwShadow .rwControlButtons{margin:5px -1px 0 0 \9}.RadWindow_Flom1.rwMinimizedWindowShadow .rwShadow .rwControlButtons{margin:9px -8px 0 0}.RadWindow_Flom1 .rwShadow .rwControlButtons li{float:left;padding:0}.RadWindow_Flom1 .rwShadow .rwControlButtons a{width:30px}.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTitlebar,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterCenter,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopResize,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbar div,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbar,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwPopupButton,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwPopupButton span,.RadWindow_Flom1.rwInactiveWindow .rwShadow.rwMinimizedWindow .rwCorner,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTitlebar,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopRight,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterCenter,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterRight{background-image:url('Window/WindowHorizontalSprites.gif')!important}.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwBodyLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwBodyRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbarRow .rwCorner,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyRight{background-image:url('Window/WindowVerticalSprites.gif')!important}

[Rumen]

Hello Jonathan,

My advice is to use the modern and maintained Theme Builder app to create new skins for the Telerik ASP.NET AJAX components and their Lightweight Rendering.

The reason for my recommendation is that the Visual Style Builder is outdated and not supported. It is designed to work with and produce skins/assemblies for the Classic rendering (in maintenance as of Q3 2015).

If your app still uses classic rendering for the Telerik controls, it will be better to switch to lightweight rendering or otherwise you will need to manually correct and update the incorrect CSS selectors to make them work properly.

Best regards,
Rumen
Progress Telerik

[Jonathan]

Ok.. thx

Will try that