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:'''
+
<noinclude>
 +
<br clear='all'>'''States:'''
 
<br clear='all'>[[Image:buttons_text.png|thumb|left|400px|Click for detailed control specifications]]
 
<br clear='all'>[[Image:buttons_text.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'></noinclude>
+
<br clear='all'>
 +
</noinclude>
  
 
=====Text with Icon Buttons=====
 
=====Text with Icon Buttons=====
Line 22: Line 24:
 
'''Guidelines:'''
 
'''Guidelines:'''
  
<noinclude>'''States'''
+
<noinclude>
 +
<br clear='all'>'''States'''
 
<br clear='all'>[[Image:buttons_icon-text.png|thumb|left|400px|Click for detailed control specifications]]
 
<br clear='all'>[[Image:buttons_icon-text.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'></noinclude>
+
<br clear='all'>
 +
</noinclude>
  
 
=====Icon Buttons=====
 
=====Icon Buttons=====

Revision as of 16:36, 6 April 2007

english | español HowTo [ID# 16611]  +/-  
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