Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls: Difference between revisions
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
'''Guidelines:''' | '''Guidelines:''' | ||
<noinclude>'''States:''' | <noinclude> | ||
<br clear='all'>'''States:''' | |||
<br clear='all'>[[Image:checkbox.png|thumb|left|400px|Click for detailed control specifications]] | <br clear='all'>[[Image:checkbox.png|thumb|left|400px|Click for detailed control specifications]] | ||
<br clear='all'></noinclude> | <br clear='all'> | ||
</noinclude> | |||
=====Radio Buttons===== | =====Radio Buttons===== | ||
| Line 22: | Line 24: | ||
'''Guidelines:''' | '''Guidelines:''' | ||
<noinclude>'''States:''' | <noinclude> | ||
<br clear='all'>'''States:''' | |||
<br clear='all>[[Image:radio.png|thumb|left|400px|Click for detailed control specifications]] | <br clear='all>[[Image:radio.png|thumb|left|400px|Click for detailed control specifications]] | ||
<br clear='all'></noinclude> | <br clear='all'> | ||
</noinclude> | |||
=====Popup Menus===== | =====Popup Menus===== | ||
[[Image:example_popup_text.png|right]] | |||
[[Image:example_popup_menu_text.png|right]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
'''Guidelines:''' | |||
<noinclude>'''States:''' | <noinclude> | ||
<br clear='all'>'''States:''' | |||
<br clear='all'>[[Image:popup_text.png|thumb|left|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|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> | <br clear='all'> | ||
</noinclude> | |||
=====Popup Palettes===== | =====Popup Palettes===== | ||
'''Usage:''' | |||
'''Behavior:''' | |||
<noinclude>'''States:''' | '''Guidelines:''' | ||
<noinclude> | |||
<br clear='all'>'''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|left|400px|Click for detailed control specifications]] | ||
<br clear='all'></noinclude> | <br clear='all'> | ||
</noinclude> | |||
=====Combo Boxes===== | =====Combo Boxes===== | ||
[[Image:example_combobox.png|right]] | |||
[[Image:example_combobox_suggestions.png|right]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
'''Guidelines:''' | |||
<noinclude>'''States:''' | <noinclude> | ||
<br clear='all'>'''States:''' | |||
<br clear='all'>[[Image:combobox.png|thumb|left|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|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> | <br clear='all'> | ||
</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> | ||