Difference between revisions of "Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls"

From Sugar Labs
Jump to navigation Jump to search
Line 3: Line 3:
  
 
=====Steppers=====
 
=====Steppers=====
 +
[[Image:example_stepper.png|right]]
 +
'''Usage:'''
  
<noinclude>'''States:'''<br>[[Image:stepper.png]]</noinclude>
+
'''Behavior:'''
 +
 
 +
'''Guidelines:'''
 +
 
 +
<noinclude>
 +
<br clear='all'>'''States:'''
 +
<br clear='all'>[[Image:stepper.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'>
 +
</noinclude>
  
 
=====Basic Sliders=====
 
=====Basic Sliders=====
 +
[[Image:example_slider.png|right]]
 +
'''Usage:'''
 +
 +
'''Behavior:'''
  
<noinclude>'''States:'''<br>[[Image:slider.png]]</noinclude>
+
'''Guidelines:'''
 +
 
 +
<noinclude>
 +
<br clear='all'>'''States:'''
 +
<br clear='all'>[[Image:slider.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'>
 +
</noinclude>
  
 
=====Sliders with Indication=====
 
=====Sliders with Indication=====
 +
[[Image:example_slider_indication.png|right]]
 +
'''Usage:'''
  
<noinclude>'''States:'''<br>[[Image:slider_indication.png]]</noinclude>
+
'''Behavior:'''
 +
 
 +
'''Guidelines:'''
 +
 
 +
<noinclude>
 +
<br clear='all'>'''States:'''
 +
<br clear='all'>[[Image:slider_indication.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'>
 +
</noinclude>
  
 
=====Color Sliders=====
 
=====Color Sliders=====
 +
'''Usage:'''
 +
 +
'''Behavior:'''
  
<noinclude>'''States:'''<br>[[Image:slider_color.png]]<br>[[Image:slider_color_discrete.png]]</noinclude>
+
'''Guidelines:'''
 +
<noinclude>
 +
<br clear='all'>'''States:'''
 +
<br clear='all'>[[Image:slider_color.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'>[[Image:slider_color_discrete.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'>
 +
</noinclude>
  
 
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Advanced Selection Controls|p_label=Advanced Selection Controls|c_link=The Sugar Interface/Controls/Adjustment Controls|c_label=Adjustment Controls|n_link=The Sugar Interface/Controls/Indicators|n_label=Indicators}}</noinclude>
 
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Advanced Selection Controls|p_label=Advanced Selection Controls|c_link=The Sugar Interface/Controls/Adjustment Controls|c_label=Adjustment Controls|n_link=The Sugar Interface/Controls/Indicators|n_label=Indicators}}</noinclude>

Revision as of 15:43, 6 April 2007

english | español | 한국어 HowTo [ID# 16553]  +/-  
Advanced Selection Controls Adjustment Controls Indicators
Steppers
Example stepper.png

Usage:

Behavior:

Guidelines:



States:


Click for detailed control specifications



Basic Sliders
Example slider.png

Usage:

Behavior:

Guidelines:



States:


Click for detailed control specifications



Sliders with Indication
Example slider indication.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