Explore the controls

Skip Navigation LinksProducts > Windows 8 > Controls > slider

XAML or HTML – choose your way to Windows 8

Download Trial

Slider HTML XAML The control will soon be available in XAML

Modify/Adjust Values with a Visual Thumb

By sliding a thumb element via mouse or finger you can visually change a value, thus adjusting characteristics of an app or feature. For example, you can adjust brightness, volume or anything that requires immediate response from your app. The RangeSlider exposes two thumbs that can be used to more precisely adjust range of values. For example you might want to allow the user to easily filter the items in your shopping app in a certain price range.

Fine-tune the Behaviour

You can fine-tune the behavior of the control and make it fit your app’s specific needs. You can position the Slider horizontally or vertically depending on the changed value. For example, volume is usually controlled by vertical sliders. You can control the tick frequency and the change-step – if you want to limit the price range between certain values like $10, $20, $30, etc. You can also display tooltips for additional info about the thumbs, i.e. what the exact selected value is.

  • HTML – Available in HTML
  • XAML – Available in XAML
  • HTML – Coming soon in HTML
  • XAML – Coming soon in XAML
Product Families