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

Labels color

2 Answers 64 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Nicolas
Top achievements
Rank 1
Nicolas asked on 02 Nov 2009, 10:36 AM
Hi,

this is most likely a simple question but how do you set the color of the ticks labels? The ForeColor property of the Slider or of the SliderItem won't change anything.

Thanks

2 Answers, 1 is accepted

Sort by
0
Accepted
Tsvetie
Telerik team
answered on 02 Nov 2009, 02:15 PM
Hi Nicolas,
In most cases when you need to customize the look of a control of ours, you need to customize its CSS. Depending on how much of the look of the control you need to change, you can create a whole custom skin or simply add a CSS selector in the HEAD of your page that will override the one in the embedded skin.

In this particular case, you need not create a custom skin. You can simply add the following selector to the HEAD of your page:
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        .CustomTextColor .rslItemsWrapper .rslLargeTick span
        {
            color:#0f0;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadSlider ID="RadSlider1" runat="server" ItemType="Tick" SmallChange="5"
        LargeChange="50" CssClass="CustomTextColor">
    </telerik:RadSlider>
    </form>
</body>

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Nicolas
Top achievements
Rank 1
answered on 02 Nov 2009, 03:55 PM
I see, thank you.

Your CSS selector would not work for me, though I figured this out which works:

.style_TimeSliderWhiteLabels li.rslItem > span
{
    color: #dddddd;
}

Thanks



Tags
Slider
Asked by
Nicolas
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Nicolas
Top achievements
Rank 1
Share this question
or