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

Custom Skin

1 Answer 104 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Bruce
Top achievements
Rank 1
Bruce asked on 22 Jun 2011, 09:26 PM
I am trying to implement the custom skin from the Car Rental demo at http://demos.telerik.com/aspnet-ajax/carrental/about.aspx. I have downloaded the zip file and put this in my app_themes folder but it looks like maybe some images are missing or a main .css is missing. Can anyone provide me a step by step process to implement the skin properly into my web application.

1 Answer, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 23 Jun 2011, 09:13 AM
Hi Bruce,

I do not know what you are trying to achieve. If you want to use the whole application or just the Clear skin theme.

I have downloaded the skins and tried to put some controls on a single page and it works as expected. Please find attached ClearExample.zip congaing  a small example project showing that Skin is working properly.

Please note, that the skin was created about 10 months ago and as it`s not part of the Telerik predefined skins some controls created after that are not presented and some possible updates implemented into the predefined skins would not be implemented into Clear skin.

Bellow is a simple sample code I have used into the application, note that embedded skins property is set to false and CSS were linked as external resources into the head sction of the document:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
    <link href="Skins/Clear/Dock.Clear.css" rel="stylesheet" type="text/css" />
    <link href="Skins/Clear/Slider.Clear.css" rel="stylesheet" type="text/css" />
    <link href="Skins/Clear/FormDecorator.Clear.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" EnableEmbeddedSkins="false" Skin="Clear" />
    <telerik:RadDock ID="rd1" runat="server" EnableEmbeddedSkins="false" Skin="Clear" Top="20" Left="220" Height="150"></telerik:RadDock>
 
    <telerik:RadSlider ID="rsl1" runat="server" EnableEmbeddedSkins="false" Skin="Clear"></telerik:RadSlider>
 
    <asp:Button ID="btn1" runat="server" Text="Clear Button" />
     
    </form>
</body>
</html>


Regards,
Bojo
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
General Discussions
Asked by
Bruce
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Share this question
or