Slider Control: Examples

The YUI 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.
• RGB 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.
• Horizontal Slider with two thumbs: This example demonstrates how to create a Slider with two thumbs.
• Dual-thumb Slider with range highlight: This example demonstrates how to create a dual-thumb slider with the enclosed range highlighted.

Other YUI Examples That Make Use of the Slider Control

• Basic Features (included with examples for the ProgressBar Control)
• Events (included with examples for the ProgressBar Control)
• Slider Button (included with examples for the Button Control)
• Complex Application (included with examples for the Layout Manager)