OLPC Human Interface Guidelines/The Sugar Interface/Controls/Buttons: Difference between revisions

From OLPC
Jump to navigation Jump to search
mNo edit summary
No edit summary
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 19:55, 6 April 2007

  english | español HowTo [ID# 31903]  +/-  
Controls Buttons (discussion) 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 (discussion) Basic Selection Controls