Telerik UI for Windows 8 HTML

RadSlider and RadRangeSlider both feature keyboard support for quick selection with the keyboard. The following article describes how to select a value using the keyboard.

slider-keyboard-support
  • Focus the control: TAB key when the control is next in the tab order.

    When the control is focused, the first element that is focused is the slider drag handle. If the control is a RadRangeSlider, then the left/min drag handle is focused.

  • Increment the value by the smallStep property value: right arrow or up arrow.

  • Decrement the value by the smallStep property value: left arrow or down arrow.

  • Increment the value by the largeStep property value: Page Up key.

  • Decrement the value by the largeStep property value: Page Down key.

  • Move the drag handle to the min value: Home key.

  • Move the drag handle to the max value: End key.

  • Tab to next slider drag handle when using RadRangeSlider: TAB key.

  • Tab to previous slider drag handle when using RadRangeSlider: Shift + TAB key.

The TAB and Shift + TAB keys can also navigate away of the control to the next/previous control in the tab order.

See Also