I have a RadSlider on a page and I want to dynamically (clien-side) change the following:
From:
To:
basically, change the background of the track to a different color based on a client-side logic.
FYI, I am using Custom templates so I thought I could create another Slider.Default2_Selected.css theme and just use jQuery on the top level div rendered to change the CSS property:
<div id="RadSlider1" class="radslider RadSlider_Default2 horizontal " style="height:20px;width:120px;">
....
Any help?
From:
.RadSlider_Default2_Selected .horizontal .track |
{ |
margin-top:6px; |
height:3px; |
background:#fff; |
border-top:solid 1px #383838; |
border-bottom:solid 1px #383838; |
} |
To:
.RadSlider_Default2_Selected .horizontal .track |
{ |
margin-top:6px; |
height:3px; |
background:red; |
border-top:solid 1px #383838; |
border-bottom:solid 1px #383838; |
} |
basically, change the background of the track to a different color based on a client-side logic.
FYI, I am using Custom templates so I thought I could create another Slider.Default2_Selected.css theme and just use jQuery on the top level div rendered to change the CSS property:
$("#RadSlider1").removeClass("radslider RadSlider_Default2 horizontal "); |
$("#RadSlider1").addClass("radslider RadSlider_Default2_Selected horizontal "); |
<div id="RadSlider1" class="radslider RadSlider_Default2 horizontal " style="height:20px;width:120px;">
....
Any help?