To use a skin you just need to set the Skin property of the control to the designated skin name. Keep in mind that skin names are case-sensitive. You can set the Skin property declaratively, in design time or from code-behind.

Note
Important !!! If you are using a custom skin, you need to set the EnableEmbeddedSkins property to false. If you don't do that, the control will try to register an embedded skin with the specified name and will fail with an exception. For more information you can check the How skins work and Skin registration topics.

To set the skin in design time you need to follow these steps:

1. Select the control of interest by clicking it.

2. Open its properties (either from the context menu or by pressing F4).

3. Find the Skin property in the property grid (it is located in the "Appearance" category).

4. To use a built-in skin

   1. Open the drop-down control which contains all built-in skins.

   2. Select a value from the drop-down to set that skin.

       

      

5. To use a custom (user-defined) skin

   1. Register the CSS file(s) of the skin to the Page (unless they are placed in an ASP.NET theme folder)

   2. Set the EnableEmbeddedSkins property to false

   3. Type the name of the skin in the text box

       

      

To set the skin declaratively you need to set the Skin attribute of the control tag. Keep in mind that it is case-sensitive.

<telerik:RadSlider ID="RadSlider1" Skin="Outlook" runat="server" />

To set the skin from code-behind you need to set the Skin property of the control to the designated value:

• VB.NET
• C#

CopyVB.NET

<RadControl>.Skin = "Outlook"

CopyC#

<RadControl>.Skin = "Outlook";

Review the bottom section of this help topic for more details.

For more information about RadControls skinning, we recommend watching the following video:

Skinning - Deep Dive for the RadControls for ASP.NET AJAX