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

Skin for Window has no border , nothing?

2 Answers 5 Views
SkinManager
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Veteran
Jonathan asked on 28 Jun 2018, 02:07 AM

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}

2 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 28 Jun 2018, 09:10 AM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 28 Jun 2018, 10:31 AM

Ok.. thx

Will try that

Tags
SkinManager
Asked by
Jonathan
Top achievements
Rank 1
Veteran
Answers by
Rumen
Telerik team
Jonathan
Top achievements
Rank 1
Veteran
Share this question
or