8,288
edits
Changes
Jump to navigation
Jump to search
mLine 1:
Line 1: − + − + − + − + − <div style="margin-left: 310px;"> Line 15:
Line 14: − + − </div> − + − <div style="margin-left: 310px;"> Line 32:
Line 29: − + − </div> − <div style="margin-left: 310px;"'> Line 49:
Line 44: − + − + − </div> − <div style="margin-left: 310px;"> Line 65:
Line 58: − + − </div> − <div style="margin-left: 310px;"> Line 82:
Line 73: − + − + + − </div>
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-left: 15px;">
<div style="position: relative; padding-right: 15px;">
<div style="position: absolute; left: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
=====Checkboxes=====
=====Checkboxes=====
[[Image:example_checkbox.png|left]]
[[Image:example_checkbox.png|right]]
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:checkbox.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:checkbox.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====Radio Buttons=====
=====Radio Buttons=====
[[Image:example_radio.png|left]]
[[Image:example_radio.png|right]]
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all>[[Image:radio.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all>[[Image:radio.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====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]]
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:popup_text.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:popup_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'>[[Image:popup_menu_text.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====Popup Palettes=====
=====Popup Palettes=====
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:popup_palette_icon.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:popup_palette_icon.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====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]]
'''Usage:'''
'''Usage:'''
<br clear='all'>
<br clear='all'>
<noinclude>'''States:'''
<noinclude>'''States:'''
<br clear='all'>[[Image:combobox.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:combobox.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'>[[Image:combobox_suggestions.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</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>