To help you clear things up, I am providing a sample app with a Custom Skin: "Vista
" applied for the Slider Prometheus control. The easiest way to create a custom skin is to use an already exsting one and rename/modify it.
Let's say you want to use a custom Vista
Skin like I did. What you simply do is:
- Copy the "Vista" folder you want from "C:\Program Files\Telerik\RadControls 'Prometheus' for ASPNET\Skins" into your application folder/root folder. You will see this contains a css file called Slider.Vista.css.
- Open the copied Vista folder in your app and find the Slider.Vista.css file I mentioned earlier. Then drag-and-drop the CSS file into the head tag of your aspx page. You should end up with the following HTML that registers the css file:
| <link href="Vista/Slider.Vista.css" rel="stylesheet" type="text/css" />
- Set the Skin property of your RadSlider control in your aspx page to "Vista". Then set the EnableEmbeddedSkins property to false. ie:
|<telerik:RadSlider ID="sldr1" Skin="Vista" EnableEmbeddedSkins="false" runat="server" />
- Your'e ready to go!
You can rename the css files and Skin folders, delete those you don't need and reference those you need as you desire.
Useful links for reference:
the Telerik team