8,288
edits
Changes
Jump to navigation
Jump to search
mLine 1:
Line 1: − + + + − ====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Buttons|Buttons]]==== + + − + − + − + + + + + + + + − + − + − + + + + + + + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls (view source)
Revision as of 09:15, 7 July 2009
, 09:15, 7 July 2009moved Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls to Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls: restructure
<noinclude>{{Translations}}</noinclude>
<noinclude>{{Translations}}{{GoogleTrans-en}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Buttons|p_label=Buttons|c_link=The Sugar Interface/Controls/Basic Selection Controls|c_label=Basic Selection Controls|n_link=The Sugar Interface/Controls/Advanced Selection Controls|n_label=Advanced Selection Controls}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Buttons|p_label=Buttons|c_link=The Sugar Interface/Controls/Basic Selection Controls|c_label=Basic Selection Controls|n_link=The Sugar Interface/Controls/Advanced Selection Controls|n_label=Advanced Selection Controls}}</noinclude>
<div style="position: relative; padding-right: 15px;">
<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
=====Checkboxes=====
=====Checkboxes=====
[[Image:example_checkbox.png|right]]
'''Usage:'''
<noinclude>
'''Behavior:'''
'''Checkbox States'''
[[Image:checkbox.png]]
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:checkbox.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
</noinclude>
</noinclude>
=====Radio Buttons=====
=====Radio Buttons=====
[[Image:example_radio.png|right]]
'''Usage:'''
<noinclude>
'''Behavior:'''
'''Radio Button States'''
[[Image:radio.png]]
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all>[[Image:radio.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
</noinclude>
</noinclude>
=====Popups=====
=====Popup Menus=====
[[Image:example_popup_text.png|right]]
<br><br><br><br>[[Image:example_popup_menu_text.png|right]]
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:popup_text.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:popup_menu_text.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
</noinclude>
=====Popup Palettes=====
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:popup_palette_icon.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
</noinclude>
=====Combo Boxes=====
=====Combo Boxes=====
[[Image:example_combobox.png|right]]
<br><br><br><br>[[Image:example_combobox_suggestions.png|right]]
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:combobox.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:combobox_suggestions.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
</noinclude>
</div>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Buttons|p_label=Buttons|c_link=The Sugar Interface/Controls/Basic Selection Controls|c_label=Basic Selection Controls|n_link=The Sugar Interface/Controls/Advanced Selection Controls|n_label=Advanced Selection Controls}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Buttons|p_label=Buttons|c_link=The Sugar Interface/Controls/Basic Selection Controls|c_label=Basic Selection Controls|n_link=The Sugar Interface/Controls/Advanced Selection Controls|n_label=Advanced Selection Controls}}</noinclude>