Human Interface Guidelines/The Sugar Interface/Controls: Difference between revisions

=====Text Buttons=====

[[Image:buttons_text.png]]

=====Text with Icon Buttons=====

[[Image:buttons_icon-text.png]]

=====Icon Buttons=====

=====Toggle Buttons=====

====Basic Selection 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]]

=====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 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]]

=====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}}