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

From Sugar Labs
Jump to navigation Jump to search
m
Line 3: Line 3:
  
 
=====Text Buttons=====
 
=====Text Buttons=====
 +
'''Usage:'''
  
'''Usage:'''
+
[[Image:example_button_text.png|right]]
  
 
'''Behavior:'''
 
'''Behavior:'''
Line 13: Line 14:
  
 
=====Text with Icon Buttons=====
 
=====Text with Icon Buttons=====
 +
'''Usage:'''
 +
 +
[[Image:example_button_icon-text.png|right]]
 +
 +
'''Behavior:'''
 +
 +
'''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]]</noinclude>
  
 
=====Icon Buttons=====
 
=====Icon Buttons=====
 +
'''Usage:'''
 +
 +
 +
[[Image:example_button_icon.png|right]]
  
 +
 +
'''Behavior:'''
 +
 +
'''Guidelines:'''
  
 
=====Toggle Buttons=====
 
=====Toggle Buttons=====

Revision as of 15:55, 6 April 2007

english | español HowTo [ID# 16607]  +/-  
Controls Buttons Basic Selection Controls
Text Buttons

Usage:

Example button text.png

Behavior:

Guidelines:

States:
Buttons text.png

Text with Icon Buttons

Usage:

Example button icon-text.png

Behavior:

Guidelines:

Text with Icon Button States
Buttons icon-text.png

Icon Buttons

Usage:


Example button icon.png


Behavior:

Guidelines:

Toggle Buttons
Palette Buttons
Controls Buttons Basic Selection Controls