|
|
| Line 39: |
Line 39: |
| {{:OLPC Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}} | | {{:OLPC Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}} |
|
| |
|
| ====Basic Selection controls====
| | {{:OLPC Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}} |
| =====Checkboxes=====
| |
| [[Image:checkbox.png]]
| |
| | |
| | |
| =====Radio Buttons=====
| |
| [[Image:radio.png]]
| |
| | |
| | |
| =====Popup Lists=====
| |
| [[Image:popup_text.png]]
| |
| [[Image:popup_menu_text.png]]
| |
| | |
| | |
| [[Image:popup_menu_icon-text.png]]
| |
| | |
| | |
| [[Image:popup_icon.png]]
| |
| [[Image:popup_palette_icon.png]]
| |
| | |
| | |
| =====Combination Popup Lists=====
| |
| [[Image:combobox.png]]
| |
| | |
| | |
| ====Advanced Selection Controls====
| |
| =====Color Picker=====
| |
| | |
| | |
| =====Date Picker=====
| |
| | |
| | |
| =====Object Picker=====
| |
| | |
| | |
| =====Find Palette=====
| |
| | |
| | |
| | |
| ====Adjustment Controls====
| |
| =====Steppers=====
| |
| [[Image:stepper.png]]
| |
| | |
| | |
| =====Sliders=====
| |
| [[Image:sliders.png]]
| |
| | |
| | |
| [[Image:sliders_indication.png]]
| |
| | |
| | |
| [[Image:sliders_color.png]]
| |
| | |
| ====Indicator Controls====
| |
| =====Determinate Progress Indicator=====
| |
| [[Image:progress_determinate.png]]
| |
| | |
| | |
| =====Indeterminate Progress Indicators=====
| |
| [[Image:progress_indeterminate.png]]
| |
| | |
| | |
| =====Level Indicators=====
| |
| [[Image:indicator_level.png]]
| |
| | |
| | |
| =====Rating Indicators=====
| |
| | |
| | |
| =====Relevance Indicators=====
| |
| | |
| ====Text Controls====
| |
| =====Text Fields=====
| |
| [[Image:textfield.png]]
| |
| | |
| | |
| =====Tokenized Text Fields=====
| |
| [[Image:textfield_suggestions.png]]
| |
| [[Image:textfield_tokenized.png]]
| |
| | |
| | |
| =====Search Fields=====
| |
| [[Image:searchfield.png]]
| |
| [[Image:searchfield_suggestions.png]]
| |
| | |
| | |
| =====Password Fields=====
| |
| [[Image:passwordfield.png]]
| |
| | |
| | |
| =====Multiline Text Fields=====
| |
| [[Image:textfield_multiline.png]]
| |
| [[Image:textfield_multiline_non-edit.png]]
| |
| [[Image:textfield_multiline_edit.png]]
| |
| [[Image:textfield_multiline_scrollbars.png]]
| |
| | |
| ====Separator Controls====
| |
| =====Horizontal Rule=====
| |
| =====Vertical Rule=====
| |
| =====Logical Grouping=====
| |
| | |
| | |
| | |
| ====View Controls====
| |
| =====Basic Sort Bar=====
| |
| | |
| | |
| =====Advanced Sort Bar=====
| |
| | |
| | |
| =====Sort Bar View Toggle=====
| |
| | |
| | |
| =====Tab Bar=====
| |
| | |
| | |
| =====Tab Sidebar=====
| |
| | |
| | |
| =====Disclosure Triangles=====
| |
| | |
| | |
| | |
| ====Grouping Controls====
| |
| =====Separators=====
| |
| | |
| | |
| =====Trays=====
| |
| | |
| | |
| | |
| ====Custom Controls====
| |
| =====When to Use Custom Controls=====
| |
| | |
| | |
| =====Custom Colors=====
| |
| | |
| | |
| =====Control Sizing=====
| |
| | |
| | |
|
| |
|
| {{hig-subnav-intra|p_page=Rollovers|c_section=The Sugar Interface|c_page=Controls|n_page=Cursor}} | | {{hig-subnav-intra|p_page=Rollovers|c_section=The Sugar Interface|c_page=Controls|n_page=Cursor}} |