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

• Understanding the Skin CSS File

• Tutorial: Creating a Custom Skin