Skins are not loaded properly

[Sachita]

Hi Team,

I am using Telerik - R32020.3.915 with .Net-4.8

Currently we are migrating Telerik.WebControls.RadGrid to Telerik.Web.UI.RadGrid, with help of below article.

https://www.telerik.com/support/kb/aspnet-ajax/grid/details/migration-from-radgrid-for-asp.net-(classic)-to-radgrid-for-asp.net-ajax.

My project has a skin="Sample" ,Exists in project skins folder.when I try to render with that ,no changes are seen.

Code Snippet:

     

<telerik:RadGrid ID="ItemRadGrid" AllowCustomPaging="true" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" 
              AutoGenerateColumns="False" GridLines="none"
              GroupingSettings-CaseSensitive="false" PageSize="50" Skin="Sample" 
              ShowGroupPanel="false" UseEmbeddedScripts="false" Width="100%" runat="server">
   

    <MasterTableView CommandItemDisplay="Top" DataKeyNames="Guid" Width="100%" AllowNaturalSort="false">

Error:

Telerik.Web.UI.RadGrid with ID='ItemRadGrid' was unable to find an embedded skin with the name 'Sample'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.

Tried by removing and adding reference telerik.skins.dll ,but still issue exists,

if we try to set EnableEmbeddedSkins=false, no skin is rendered.

If there is property implemented for skins ?

Can anyone please help on this?

 

 

 

[Rumen]

Hi Kumar,

The rendering and skinning of RadGrid for ASP.NET is not compatible with RadGrid for ASP.NET AJAX and there is no migration path for the skins. This is valid for all components in both suites.

The Skin="Sample" is also a custom one and is not available in the Telerik.Web.UI.Skins.dll assembly, which is the reason for the error you get.

The fastest way to solve the problem is to delete the Skin="Sample" property.

You can also find information on how to create a custom skin for the Telerik AJAX control at Creating a Custom Skin.

Best Regards,
Rumen
Progress Telerik

[Sachita]

Thanks for the Response Rumen.
But the Skin="Sample" was existing in my project and working with Classic RadControls but not with Ajax suite controls. May I know why this change is happening with Ajax suite controls.
I have tried to VisualStyleBuilder tool ,but site is not working and skin assembly builder is discontinued.
Can you please suggest me how to use my existing custom skin with my new telerik grid controls?

[Rumen]

There isn't a Sample skin available and distributed by the Classic control as you can see in their installation archives:

 This means that the Sample skin is your own custom one. We do not support custom skins and they are also not compatible with the Telerik UI for ASP.NET AJAX components. You have to create a new Sample skin after the migration to the Telerik UI for ASP.NET AJAX using the https://themebuilder.telerik.com/ (Lightweight render mode - recommended) or https://stylebuilder.telerik.com/New.aspx (Classic RenderMode which is obsolete). The https://stylebuilder.telerik.com/New.aspx is obsolete as the Classic RenderMode, but you can still take benefit from it by removing the footer div element from the DevTools toolbar which will reveal the Create and Cancel buttons. For your convenience, I recorded a short video demonstrating how to create a custom skin in the style builder - http://youtu.be/PfQerILCB_U?hd=1.  

[Sachita]

Thanks for the Response Rumen. How to use the my Existing custom skin present in my Project ?we are not able to use skinspath property in Telerik UI for ASP.NET AJAX components.Is there any property to specify path and use the custom skin with new telerik dll ?

[Rumen]

The SkinPath property is not available in the Telerik ASP.NET AJAX suite. You can see how to register a custom skin at https://docs.telerik.com/devtools/aspnet-ajax/general-information/controlling-visual-appearance/skin-registration. 

Note that your custom skin files for the classic suite will not be compatible with the Telerik ASP.NET AJAX suite and you should implement the new custom skin from scratch.

 

[Sachita]

Thanks for the Response Rumen.
We are have Existing skin as WEB20 in my project and new skin also we want to use the same.
Tried with the above steps, got a new skin from https://stylebuilder.telerik.com/New.aspx,
but still not able to use custom skins. Tried with property EnableEmbeddedSkins="false".
But there is no Change. We have gif files also ,how to get those in new skins?
Can I please get any help?

[Rumen]

For your convenience, I recorded a video demonstrating the whole procedure of creating and registering a custom skin for RadGrid and the classic render mode via the style builder - http://youtu.be/lK08SC9QpNs?hd=1. 

[Sachita]

Thanks for Response.It worked.

[Rumen]

You are welcome, Kumar! Thank you for confirming that the solution works as expected!

[Sachita]

Hi Rumen,
Can you please share any document for editing Existing Custom Skin of RadTabstrip and registering in the project?

[Rumen]

Here you go:

Migrating Skins from RadTabStrip ASP.NET to ASP.NET AJAX 

Tutorial Creating A Custom Skin

Tutorial Creating a Custom Skin Using Sprite

 

All of them apply to the Classic RenderMode of the control.

The Lightweight rendering and the skins for it is not backwards compatible with the classic rendering and skins.

[Sachita]

Thanks for the Response. Can you please help me in below .
1.I have Modified existing skins For TabStrip and RadWindow after changing CSS classes for existing skin its not working.
Is there anyway to make it work?
2.In the RadTabstrip , RadWindow i could not see CSSClasses with Content frame, wrapper frame,LoadingWrapper,wrapper active in the below document.
https://docs.telerik.com/devtools/aspnet-ajax/controls/window/appearance-and-styling/radwindow-css-classes-and-their-use
3.Tried with new Custom skin but no luck , Can you please share a demo for this RadWindow for wrapperloading,Content Frame,ModalImage,Draghelper and RadTabStrip as well.
4.will this controls doesnot support classic render mode for Edge Browser?