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