Slider Control: Examples

The Slider control is a UI control that enables the user to adjust values in a finite range along one or two axes.

• Basic Vertical Slider: This example demonstrates how to create a simple slider, how to consume the values it produces when a user interacts with the control, and how to programmatically update the slider's state.
• Horizontal Slider with Tick Marks: This example implements a slider with tick marks.
• RBG Slider Control: This example demonstrates how to use the slider as a building block for a more complex widget. It employs three slider instances that work together to produce RGB values.
• Bottom to top Vertical Slider: This example demonstrates how to create a vertical slider with values increasing as the slider moves up.

Other YUI Examples That Make Use of the Slider Control

• Slider Button (included with examples for the Button Control)