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

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

Revision as of 16:23, 6 April 2007

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

Text with Icon Button States

Click for detailed control specifications


Icon Buttons
Example button icon.png

Usage:

Behavior:

Guidelines:

Toggle Buttons
Palette Buttons
Controls Buttons Basic Selection Controls