Telerik Skinning for the RadControls

Telerik Helper: http://www.telerik.com/help/aspnet-ajax/introduction-controlling-appearance-overview.html

Video: http://tv.telerik.com/watch/aspnet/webinar/skinning-deep-dive-radcontrols-aspnet-ajax

Skin Basic
    Important
        Improve Acceptance
        Improve Usability
        Support AGILE development
        Improve the world
     Default skins
        All default skins are embedded,not need to copy skin file to project
        Single property to change skins
            e.g.: Skin="Hay"
        All skins available for all controls
        All skins cross browser tested
        e.g.:Global control all controls or specific control,
             but local setting will overwrite the global setting in web.config
             "web.config":
             <appSettings>
               <!-- Sets the skin for all RadControls to Hay -->
                <add key="Telerik.Skin" value="Hay"/>
             </appSettings>
Customizing Skins
    CSS sprites
        combine multiple images into to single image
        use css to display correct image position
     Customing Default Skins
         Approach 1 :Inline style: overwrite skin style
            e.g.:
                <telerik:RadMenuItem runat="server" BorderColor="Red"/>
                <telerik:RadMenuItem runat="server" CssClass="XXX"/>
         Approach 2 :use your custom skins
            Step 1 Copy the default skins (css+image) to local
            Step 2 Attach css file
                  e.g.:<link href="Windows7/Scheduler.Windows7.css" rel="stylesheet" type="text/css" />
</head>
            Step 3 set control property enableEmbededSkins="false"
                   set control property skin="XXX"
         Approach 3 :Use ASP.NET Themes 
            Step 1: add default skins(css+image) to App_Themes/Demo folder
            Step 2: Step 3 set control property enableEmbededSkins="false"
            Step 3: add Theme="Demo" to 
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs".. Theme="Demo"/>
     Create you own Skins
            Tool Style Builder 
                 http://stylebuilder.telerik.com
     Skin Controls
        RadSkinManager
            e.g.: 
            <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Hay" ShowChooser="true">
            </telerik:RadSkinManager>
            
            OR
             <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Hay" ShowChooser="true">
                <TargetControls>
                    <telerik:TargetControl ControlID="xx" Skin="Vista" />
                </TargetControls>
             </telerik:RadSkinManager>
         RadFormDecorator 
            e.g.:
            <telerik:RadFormDecorator ID="xx" runat="server"
                DecoratedControls="All"/>
         RadStyleSheetManager
            e.g.:combine and compress different css files to one file at server side (only combine default skin unless manually embed custom css into assembly)