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

skinning a slider

1 Answer 78 Views
Slider
This is a migrated thread and some comments may be shown as answers.
andieje
Top achievements
Rank 1
andieje asked on 08 Mar 2008, 10:29 PM
Hi

I need to write a custom skin for a rad slider. I have downloaded prometheus and installed the documentation. There is a section called advanced skinning which points here

ms-help://telerik.radcontrols.prometheus.2007.Q3/telerik.radcontrols.prometheus.2007.Q3/Skinning.html

but this page contains no information.

Is there any documentation to explain the html structure of the slider like there is for the other rad asp.net controls?

thanks
andrea

1 Answer, 1 is accepted

Sort by
0
Ubong
Telerik team
answered on 11 Mar 2008, 09:59 AM

Hello Andieje,


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:
  1. 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.
  2. 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" /> 

  3. 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" /> 
  4. 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:

        http://www.telerik.com/help/radcontrols/prometheus/CreateCustomSkin.html 
        http://www.telerik.com/help/radcontrols/prometheus/SkinRegistration.html 
        http://www.telerik.com/help/radcontrols/prometheus/HowSkinsWork.html


Greetings,
Ubong
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
Slider
Asked by
andieje
Top achievements
Rank 1
Answers by
Ubong
Telerik team
Share this question
or