Human Interface Guidelines/The Sugar Interface/Controls/Text Controls

english | español | 한국어 HowTo [ID# 16793]  +/-  
Text Fields
Example textfield.png

Usage:

Behavior:

Guidelines:


States:


Click to view detailed control specifications



Tokenized Text Fields
Example textfield tokenized.png




Example textfield tokenized suggestions.png

Usage:

Behavior:

Guidelines:


States:


Click to view detailed control specifications



Search Fields
Example searchfield.png




Example searchfield suggestions.png

Usage:

Behavior:

Guidelines:


States:


Click to view detailed control specifications



Tokenized Search Fields

Usage:

Behavior:

Guidelines:


States:


Password Fields
Example passwordfield.png
Example passwordfield entry.png

Usage:

Behavior:

Guidelines:


States:


Click to view detailed control specifications



Multiline Text Fields
Example textfield multiline.png

Usage:

Behavior:

Guidelines:


States:


Click to view detailed control specifications

Click to view detailed control specifications

Click to view detailed control specifications

Click to view detailed control specifications