Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls

From Sugar Labs
Jump to: navigation, search
english | español | 한국어 HowTo [ID# 32434]  +/-  
Advanced Selection Controls Adjustment Controls Indicators
Steppers
Example stepper.png

Usage:

Behavior:

Guidelines:


States:


Click for detailed control specifications



Basic Sliders
Example slider.png




Example slider fill.png

Usage:

Behavior:

Guidelines:


States:


Click for detailed control specifications



Sliders with Indication
Example slider indication.png




Example slider indication fill.png

Usage:

Behavior:

Guidelines:


States:


Click for detailed control specifications



Color Sliders

Usage:

Behavior:

Guidelines:


States:


Click for detailed control specifications

Click for detailed control specifications



Advanced Selection Controls Adjustment Controls Indicators