Rad Slider Color

[dolrich]

Is there a way to change the forecolor dynamically for each radslideritem? I want to change it through javascript. Im using RadControls for ASPNET AJAX Q1 2009.

Thanks

[Tsvetie]

Hi Dolrich,
You can use the following code to achieve the described behavior:

<telerik:RadSlider ID="uiPortalNavigatorPane" runat="server" Height="56px" ItemType="Item"
    OnClientValueChange="OnClientValueChange">
    <Items>
        <telerik:RadSliderItem Text="Item 1" />
        <telerik:RadSliderItem Text="Item 2" />
        <telerik:RadSliderItem Text="Item 3" />
    </Items>
</telerik:RadSlider>
<script type="text/javascript">
function OnClientValueChange(sender, args)
{
    var selectedItem = sender.get_items()[sender.get_value()];
    var itemElement = selectedItem.get_element();
    itemElement.style.color = "red";
}
</script>

All the best,
Tsvetie
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.