Difference between revisions of "Human Interface Guidelines/The Sugar Interface/Controls"

From Sugar Labs
Jump to navigation Jump to search
Line 5: Line 5:
  
 
====Buttons====
 
====Buttons====
 +
=====Text Buttons=====
 +
=====Text with Icon Buttons=====
 +
=====Icon Buttons=====
  
 
====Selection controls====
 
====Selection controls====
 
=====Checkboxes=====
 
=====Checkboxes=====
 
=====Segmented Controls=====
 
=====Segmented Controls=====
=====Lists=====
+
=====Popup Lists=====
=====Combination Lists=====
+
=====Combination Popup Lists=====
=====Color Swatches=====
+
=====Tokenized Combination Popup Lists=====
 +
=====Color Picker=====
 
=====Drop Targets=====
 
=====Drop Targets=====
  
Line 20: Line 24:
 
====Indicator Controls====
 
====Indicator Controls====
 
=====Determinate Progress Indicator=====
 
=====Determinate Progress Indicator=====
=====Indeterminate Progress Indicator=====
+
=====Indeterminate Progress Indicators=====
 
=====Level Indicators=====
 
=====Level Indicators=====
 +
=====Rating Indicators=====
  
 
====Text Controls====
 
====Text Controls====
 
=====Static Text Fields=====
 
=====Static Text Fields=====
 
=====Input Field=====
 
=====Input Field=====
 +
=====Tokenized Input Field=====
 
=====Search Fields=====
 
=====Search Fields=====
  

Revision as of 16:05, 9 February 2007

Controls

Buttons

Text Buttons
Text with Icon Buttons
Icon Buttons

Selection controls

Checkboxes
Segmented Controls
Popup Lists
Combination Popup Lists
Tokenized Combination Popup Lists
Color Picker
Drop Targets

Adjustment Controls

Steppers
Sliders

Indicator Controls

Determinate Progress Indicator
Indeterminate Progress Indicators
Level Indicators
Rating Indicators

Text Controls

Static Text Fields
Input Field
Tokenized Input Field
Search Fields

Separator Controls

Horizontal Rule
Vertical Rule
Logical Grouping

Custom Controls

When to Use Custom Controls
Custom Control Guidelines