Yahoo! Developer Network Home - Help

YDN Site Search

# YUI Library Examples: Slider Control

# 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.
- 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

- Slider Button (included with examples for the Button Control)
- Complex Application (included with examples for the Layout Manager (beta))

### Slider Control:

- User's Guide (external)
- API Documentation
- Cheat Sheet PDF(external)

Copyright © 2008 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings