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

From Sugar Labs
Jump to navigation Jump to search
Line 10: Line 10:
 
'''Guidelines:'''
 
'''Guidelines:'''
  
<noinclude>'''States:'''<br>[[Image:buttons_text.png|thumb|left|400px|Click for detailed control specifications]]</noinclude>
+
<noinclude>'''States:'''
<br clear='all'>
+
<br clear='all'>[[Image:buttons_text.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'></noinclude>
  
 
=====Text with Icon Buttons=====
 
=====Text with Icon Buttons=====
Line 21: Line 22:
 
'''Guidelines:'''
 
'''Guidelines:'''
  
<noinclude>'''Text with Icon Button States'''<br>[[Image:buttons_icon-text.png|thumb|left|400px|Click for detailed control specifications]]</noinclude>
+
<noinclude>'''States'''
<br clear='all'>
+
<br clear='all'>[[Image:buttons_icon-text.png|thumb|left|400px|Click for detailed control specifications]]
 +
<br clear='all'></noinclude>
  
 
=====Icon Buttons=====
 
=====Icon Buttons=====

Revision as of 16:30, 6 April 2007

english | español HowTo [ID# 16610]  +/-  
Controls Buttons Basic Selection Controls
Text Buttons
Example button text.png

Usage:

Behavior:

Guidelines:

States:


Click for detailed control specifications


Text with Icon Buttons
Example button icon-text.png

Usage:

Behavior:

Guidelines:

States


Click for detailed control specifications


Icon Buttons
Example button icon.png

Usage:

Behavior:

Guidelines:

Toggle Buttons
Palette Buttons
Controls Buttons Basic Selection Controls