Sugar Labs

Changes

Human Interface Guidelines/The Sugar Interface/Controls (view source)

Revision as of 16:54, 5 April 2007

21 bytes added ,  16:54, 5 April 2007
no edit summary
Line 26: Line 26:  
=====Text Buttons=====
 
=====Text Buttons=====
 
[[Image:buttons_text.png]]
 
[[Image:buttons_text.png]]
 +
 +
 
=====Text with Icon Buttons=====
 
=====Text with Icon Buttons=====
 
[[Image:buttons_icon-text.png]]
 
[[Image:buttons_icon-text.png]]
 +
 +
 
=====Icon Buttons=====
 
=====Icon Buttons=====
 +
 +
 
=====Toggle Buttons=====
 
=====Toggle Buttons=====
 +
 +
    
====Basic Selection controls====
 
====Basic Selection controls====
 
=====Checkboxes=====
 
=====Checkboxes=====
 
[[Image:checkbox.png]]
 
[[Image:checkbox.png]]
 +
 +
 
=====Radio Buttons=====
 
=====Radio Buttons=====
 
[[Image:radio.png]]
 
[[Image:radio.png]]
 +
 +
 
=====Popup Lists=====
 
=====Popup Lists=====
 
[[Image:popup_text.png]]
 
[[Image:popup_text.png]]
 
[[Image:popup_menu_text.png]]
 
[[Image:popup_menu_text.png]]
 +
 +
 
[[Image:popup_menu_icon-text.png]]
 
[[Image:popup_menu_icon-text.png]]
 +
 +
 
[[Image:popup_icon.png]]
 
[[Image:popup_icon.png]]
 
[[Image:popup_palette_icon.png]]
 
[[Image:popup_palette_icon.png]]
 +
 +
 
=====Combination Popup Lists=====
 
=====Combination Popup Lists=====
 
[[Image:combobox.png]]
 
[[Image:combobox.png]]
Line 48: Line 66:  
====Advanced Selection Controls====
 
====Advanced Selection Controls====
 
=====Color Picker=====
 
=====Color Picker=====
 +
 +
 
=====Date Picker=====
 
=====Date Picker=====
 +
 +
 
=====Object Picker=====
 
=====Object Picker=====
 +
 +
 
=====Find Palette=====
 
=====Find Palette=====
 +
 +
    
====Adjustment Controls====
 
====Adjustment Controls====
 
=====Steppers=====
 
=====Steppers=====
 
[[Image:stepper.png]]
 
[[Image:stepper.png]]
 +
 +
 
=====Sliders=====
 
=====Sliders=====
 
[[Image:sliders.png]]
 
[[Image:sliders.png]]
 +
 +
 
[[Image:sliders_indication.png]]
 
[[Image:sliders_indication.png]]
 +
 +
 
[[Image:sliders_color.png]]
 
[[Image:sliders_color.png]]
   Line 63: Line 95:  
=====Determinate Progress Indicator=====
 
=====Determinate Progress Indicator=====
 
[[Image:progress_determinate.png]]
 
[[Image:progress_determinate.png]]
 +
 +
 
=====Indeterminate Progress Indicators=====
 
=====Indeterminate Progress Indicators=====
 
[[Image:progress_indeterminate.png]]
 
[[Image:progress_indeterminate.png]]
 +
 +
 
=====Level Indicators=====
 
=====Level Indicators=====
 
[[Image:indicator_level.png]]
 
[[Image:indicator_level.png]]
 +
 +
 
=====Rating Indicators=====
 
=====Rating Indicators=====
 +
 +
 
=====Relevance Indicators=====
 
=====Relevance Indicators=====
   Line 73: Line 113:  
=====Text Fields=====
 
=====Text Fields=====
 
[[Image:textfield.png]]
 
[[Image:textfield.png]]
 +
 +
 
=====Tokenized Text Fields=====
 
=====Tokenized Text Fields=====
 
[[Image:textfield_suggestions.png]]
 
[[Image:textfield_suggestions.png]]
 
[[Image:textfield_tokenized.png]]
 
[[Image:textfield_tokenized.png]]
 +
 +
 
=====Search Fields=====
 
=====Search Fields=====
 
[[Image:searchfield.png]]
 
[[Image:searchfield.png]]
 
[[Image:searchfield_suggestions.png]]
 
[[Image:searchfield_suggestions.png]]
 +
 +
 
=====Password Fields=====
 
=====Password Fields=====
 
[[Image:passwordfield.png]]
 
[[Image:passwordfield.png]]
 +
 +
 
=====Multiline Text Fields=====
 
=====Multiline Text Fields=====
 
[[Image:textfield_multiline.png]]
 
[[Image:textfield_multiline.png]]
Line 91: Line 139:  
=====Vertical Rule=====
 
=====Vertical Rule=====
 
=====Logical Grouping=====
 
=====Logical Grouping=====
 +
 +
    
====View Controls====
 
====View Controls====
 
=====Basic Sort Bar=====
 
=====Basic Sort Bar=====
 +
 +
 
=====Advanced Sort Bar=====
 
=====Advanced Sort Bar=====
 +
 +
 
=====Sort Bar View Toggle=====
 
=====Sort Bar View Toggle=====
 +
 +
 
=====Tab Bar=====
 
=====Tab Bar=====
 +
 +
 
=====Tab Sidebar=====
 
=====Tab Sidebar=====
 +
 +
 
=====Disclosure Triangles=====
 
=====Disclosure Triangles=====
 +
 +
    
====Grouping Controls====
 
====Grouping Controls====
 
=====Separators=====
 
=====Separators=====
 +
 +
 
=====Trays=====
 
=====Trays=====
 +
 +
    
====Custom Controls====
 
====Custom Controls====
 
=====When to Use Custom Controls=====
 
=====When to Use Custom Controls=====
 +
 +
 
=====Custom Colors=====
 
=====Custom Colors=====
 +
 +
 
=====Control Sizing=====
 
=====Control Sizing=====
   −
====Toolbars====
  −
  −
====Rollovers and Palettes====
         
{{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}}
Eben
87

edits

Retrieved from "https://wiki.sugarlabs.org/go/Special:MobileDiff/16525"