87
edits
Changes
Jump to navigation
Jump to search
Line 3:
Line 3: + + − + + + + + + + + + + + + + + + − + + + + + + + + + + + − + + + + + + + + + − + + + + + + + + + + + + + − + + + + + + + + + + + − + + + + +
Human Interface Guidelines/The Sugar Interface/Controls/Indicators (view source)
Revision as of 17:08, 6 April 2007
, 17:08, 6 April 2007no edit summary
=====Determinate Progress Bars=====
=====Determinate Progress Bars=====
[[Image:example_progress_bar_determinate.png|right]]
'''Usage:'''
<noinclude>'''States:'''<br>[[Image:progress_bar_determinate.png]]</noinclude>
'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:progress_bar_determinate.png|thumb|400px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
=====Indeterminate Progress Bars=====
=====Indeterminate Progress Bars=====
[[Image:example_progress_bar_indeterminate.png|right]]
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<noinclude>'''States:'''<br>[[Image:progress_bar_indeterminate.png]]</noinclude>
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:progress_bar_indeterminate.png|thumb|400px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
=====Activity Spinners
=====Activity Spinners
[[Image:example_activity_spinner.png|right]]
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<noinclude>'''States:'''<br>[[Image:activity_spinner.png]]</noinclude>
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:activity_spinner.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
=====Level Indicators=====
=====Level Indicators=====
[[Image:example_indicator_level.png|right]]
'''Usage:'''
'''Behavior:'''
<noinclude>'''States:'''<br>[[Image:indicator_level.png]]<br>[[Image:indicator_level_label.png]]</noinclude>
'''Guidelines:'''
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:indicator_level.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
=====Rating Indicators=====
=====Rating Indicators=====
[[Image:example_indicator_rating.png|right]]
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<noinclude>'''States:'''<br>[[Image:indicator_rating.png]]</noinclude>
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:indicator_rating.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
=====Relevance Indicators=====
=====Relevance Indicators=====
[[Image:example_indicator_relevance.png|right]]
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<noinclude>'''States:'''<br>[[Image:indicator_relevance.png]]</noinclude>
<br clear='all'>
<noinclude>'''States:'''
<br clear='all'>[[Image:indicator_relevance.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Adjustment Controls|p_label=Adjustment Controls|c_link=The Sugar Interface/Controls/Indicators|c_label=Indicators|n_link=The Sugar Interface/Controls/Text Controls|n_label=Text Controls}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Adjustment Controls|p_label=Adjustment Controls|c_link=The Sugar Interface/Controls/Indicators|c_label=Indicators|n_link=The Sugar Interface/Controls/Text Controls|n_label=Text Controls}}</noinclude>