Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − + − + + Line 14:
Line 15: − + + − + + Line 29:
Line 32: − + + + Line 44:
Line 49: − + − + + + Line 58:
Line 65: − + + + Line 73:
Line 82: − + − + + −
Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls (view source)
Revision as of 19:17, 10 April 2007
, 19:17, 10 April 2007no edit summary
<noinclude>{{Translations}}</noinclude>
<noinclude>{{Translations}}</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: relative; padding-left: 15px;">
<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
<div style="position: absolute; left: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
=====Checkboxes=====
=====Checkboxes=====
[[Image:example_checkbox.png|right]]
[[Image:example_checkbox.png|left]]
<div style="margin-left: 310px;">
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:checkbox.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:checkbox.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</div>
=====Radio Buttons=====
=====Radio Buttons=====
[[Image:example_radio.png|right]]
[[Image:example_radio.png|left]]
<div style="margin-left: 310px;">
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all>[[Image:radio.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all>[[Image:radio.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</div>
=====Popup Menus=====
=====Popup Menus=====
[[Image:example_popup_text.png|right]]
[[Image:example_popup_text.png|right]]
<br><br><br><br>[[Image:example_popup_menu_text.png|right]]
<br><br><br><br>[[Image:example_popup_menu_text.png|right]]
<div style="margin-left: 310px;"'>
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:popup_text.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:popup_text.png|thumb|right|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'>[[Image:popup_menu_text.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</div>
=====Popup Palettes=====
=====Popup Palettes=====
<div style="margin-left: 310px;">
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:popup_palette_icon.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:popup_palette_icon.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</div>
=====Combo Boxes=====
=====Combo Boxes=====
[[Image:example_combobox.png|right]]
[[Image:example_combobox.png|right]]
<br><br><br><br>[[Image:example_combobox_suggestions.png|right]]
<br><br><br><br>[[Image:example_combobox_suggestions.png|right]]
<div style="margin-left: 310px;">
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:combobox.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:combobox.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:combobox_suggestions.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:combobox_suggestions.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</div>
</div>
</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>