Skins are not loaded properly

1 Answer 39 Views
Grid
Sachita
Top achievements
Rank 1
Iron
Iron
Iron
Sachita asked on 21 May 2021, 10:45 AM

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?

 

 

 

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 25 May 2021, 09:39 AM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Sachita
Top achievements
Rank 1
Iron
Iron
Iron
commented on 25 May 2021, 09:49 AM | edited

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
Telerik team
commented on 25 May 2021, 10:52 AM

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
Top achievements
Rank 1
Iron
Iron
Iron
commented on 25 May 2021, 11:59 AM

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
Telerik team
commented on 25 May 2021, 12:30 PM

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
Top achievements
Rank 1
Iron
Iron
Iron
commented on 01 Jun 2021, 11:37 AM | edited

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
Telerik team
commented on 07 Jun 2021, 10:58 AM

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
Top achievements
Rank 1
Iron
Iron
Iron
commented on 08 Jun 2021, 10:25 AM | edited

Thanks for Response.It worked.
Rumen
Telerik team
commented on 09 Jun 2021, 02:25 PM

You are welcome, Kumar! Thank you for confirming that the solution works as expected!
Sachita
Top achievements
Rank 1
Iron
Iron
Iron
commented on 18 Jun 2021, 02:11 PM

Hi Rumen,
Can you please share any document for editing Existing Custom Skin of RadTabstrip and registering in the project?
Rumen
Telerik team
commented on 18 Jun 2021, 05:59 PM

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
Top achievements
Rank 1
Iron
Iron
Iron
commented on 21 Jun 2021, 04:49 AM | edited

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?
Tags
Grid
Asked by
Sachita
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Rumen
Telerik team
Share this question
or