Edit this page

CSS Classes

The following table lists significant CSS selectors and descriptions for RadSlider style sheets. The CSS styles define the basic elements of the RadSlider visual structure.

CSS Class Description
.RadSlider_SkinName .rslTrack CSS class for styling the trackline.
.RadSlider_SkinName .rslHorizontal a.rslHandle Decorates the horizontal left and right drag handle anchors by using background image.
.RadSlider_SkinName .rslHorizontal a.rslDraghandle Decorates the horizontal drag handle anchor
.RadSlider_SkinName .rslHorizontal .rslTrack Decorates the horizontal trackline background by using background image.
.RadSlider_SkinName .rslHorizontal .rslSelectedregion Decorates the horizontal Select region background by using background image.
.RadSlider_SkinName .rslVertical a.rslHandle Decorates the vertical drag handle anchor by using background image.
.RadSlider_SkinName .rslVertical .rslTrack Decorates the vertical trackline by using background image.
.RadSlider_SkinName .rslVertical .rslSelectedregion Decorates the vertical Selected region background by using background image.
.RadSlider_SkinName .rslVertical a.rslDraghandle Decorates the vertical draghandle anchor by using background image.
.RadSlider_SkinName .rslLeft a.rslDraghandle Decorates the left draghandle anchor by using background image.
.RadSlider_SkinName .rslItem, .RadSlider_SkinName .rslLargeTick span Decorates the color the item and the spam within.
.RadSlider_SkinName .rslItemsWrapper .rslItemSelected Decorates width and height of the Slider wrapping element.
.rslItemSelected, .rslItem, rslItemFirst, rslItemlast Decorates the
  • elements and their states – normal, selected, first and last item.
  • .RadSlider_SkinName .rslHorizontal .rslItem Decorates the horizontal item by using background image.
    .RadSlider_SkinName .rslVertical .rslItem Decorates the vertical item by using background image.
    .RadSlider_SkinName .rslTop .rslSmallTick, .RadSlider_SkinName .rslBottom .rslSmallTick Decorates Horizontal slider Small Tick - TrackPosition=Top/Bottom by using background image.
    .RadSlider_SkinName .rslTop .rslLargeTick, .RadSlider_SkinName .rslBottom .rslLargeTick Decorates Horizontal slider Large Tick - TrackPosition=Top/Bottom by using background image.
    .RadSlider_SkinName .rslLeft .rslSmallTick, .RadSlider_SkinName .rslRight .rslSmallTick Decorates Vertical slider Small Tick - TrackPosition=Left/Right by using background image.
    .RadSlider_SkinName .rslLeft .rslLargeTick, .RadSlider_SkinName .rslRight .rslLargeTick Decorates Vertical slider Large Tick - TrackPosition= Left/Right by using background image.
    .RadSlider_SkinName .rslMiddle .rslSmallTick Decorates Horizontal slider small tick - TrackPosition=Center
    .RadSlider_SkinName .rslMiddle .rslLargeTick Decorates Horizontal slider large tick - TrackPosition=Center
    .RadSlider_SkinName .rslCenter .rslSmallTick Decorates vertical slider small tick - TrackPosition=Center
    .RadSlider_SkinName .rslCenter .rslLargeTick Decorates vertical slider large tick - TrackPosition=Center

    See Also

    Is this article helpful? No Yes
    Thank you for your feedback!

    Give article feedback

    Tell us how we can improve this article

    close
    Dummy