Edit this page

Controlling Appearance

There are a number of ways to customize the look and feel of RadSlider:

  • To change the overall look and feel of the RadSlider control, set its Skin property.

  • To change the layout of RadSlider, use the Orientation property.

  • To change the visibility of handles, use the ShowDragHandle, ShowDecreaseHandle and ShowIncreaseHandle properties.

  • To show two drag handles use the IsSelectionRangeEnabled property

  • To reverse the slider set the IsDirectionReversed property to true

  • To Disable the slider set the Enabled property to false

Visual Examples:

Horizontal Slider:

Horizontal Sliders

From top to bottom: Slider with Items, Slider with Ticks, Slider

Reversed Horizontal Slider:

Reversed Horizontal Sliders

From top to bottom: Slider with Items, Slider with Ticks, Slider

Vertical Slider

Vertical Sliders

From left to right: Slider with Items, Slider with Ticks, Slider

Vertical Slider Reversed

Vertical Sliders Reversed

From left to right: Slider with Items, Slider with Ticks, Slider

Slider with two Drag Handles

Slider with Two Drag Handles

Disabled Slider

Disabled Horizontal Slider

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