87
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − + − + − + Line 13:
Line 13: − + − + − </div> − + − + − + Line 30:
Line 29: − + − + − </div> − + − + − + Line 47:
Line 45: − + − + − </div> − + Line 62:
Line 59: − + − + − + − </div>
Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls (view source)
Revision as of 18:25, 10 April 2007
, 18:25, 10 April 2007no edit summary
<noinclude>{{Translations}}</noinclude>
<noinclude>{{Translations}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Advanced Selection Controls|p_label=Advanced Selection Controls|c_link=The Sugar Interface/Controls/Adjustment Controls|c_label=Adjustment Controls|n_link=The Sugar Interface/Controls/Indicators|n_label=Indicators}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Advanced Selection Controls|p_label=Advanced Selection Controls|c_link=The Sugar Interface/Controls/Adjustment Controls|c_label=Adjustment Controls|n_link=The Sugar Interface/Controls/Indicators|n_label=Indicators}}</noinclude>
<div style="position: relative; padding-left: 15px;">
<div style="position: relative; padding-right: 15px;">
<div style="position: absolute; left: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
=====Steppers=====
=====Steppers=====
[[Image:example_stepper.png|left]]
[[Image:example_stepper.png|right]]
<div style="margin-left: 310px;">
<div style="margin-right: 310px;">
'''Usage:'''
'''Usage:'''
'''Guidelines:'''
'''Guidelines:'''
<noinclude>
</div><noinclude>
<br clear='all'>'''States:'''
<br clear='all'>'''States:'''
<br clear='all'>[[Image:stepper.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:stepper.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====Basic Sliders=====
=====Basic Sliders=====
[[Image:example_slider.png|left]]
[[Image:example_slider.png|right]]
<br><br><br><br>[[Image:example_slider_fill.png|left]]
<br><br><br><br>[[Image:example_slider_fill.png|right]]
<div style="margin-left: 310px;">
<div style="margin-right: 310px;">
'''Usage:'''
'''Usage:'''
'''Guidelines:'''
'''Guidelines:'''
<noinclude>
</div><noinclude>
<br clear='all'>'''States:'''
<br clear='all'>'''States:'''
<br clear='all'>[[Image:slider.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:slider.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====Sliders with Indication=====
=====Sliders with Indication=====
[[Image:example_slider_indication.png|left]]
[[Image:example_slider_indication.png|right]]
<br><br><br><br>[[Image:example_slider_indication_fill.png|left]]
<br><br><br><br>[[Image:example_slider_indication_fill.png|right]]
<div style="margin-left: 310px;">
<div style="margin-right: 310px;">
'''Usage:'''
'''Usage:'''
'''Guidelines:'''
'''Guidelines:'''
<noinclude>
</div><noinclude>
<br clear='all'>'''States:'''
<br clear='all'>'''States:'''
<br clear='all'>[[Image:slider_indication.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:slider_indication.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
=====Color Sliders=====
=====Color Sliders=====
<div style="margin-left: 310px;">
<div style="margin-right: 310px;">
'''Usage:'''
'''Usage:'''
'''Guidelines:'''
'''Guidelines:'''
<noinclude>
</div><noinclude>
<br clear='all'>'''States:'''
<br clear='all'>'''States:'''
<br clear='all'>[[Image:slider_color.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:slider_color.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:slider_color_discrete.png|thumb|right|400px|Click for detailed control specifications]]
<br clear='all'>[[Image:slider_color_discrete.png|thumb|left|400px|Click for detailed control specifications]]
<br clear='all'>
<br clear='all'>
</noinclude>
</noinclude>
</div>
</div>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Advanced Selection Controls|p_label=Advanced Selection Controls|c_link=The Sugar Interface/Controls/Adjustment Controls|c_label=Adjustment Controls|n_link=The Sugar Interface/Controls/Indicators|n_label=Indicators}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Advanced Selection Controls|p_label=Advanced Selection Controls|c_link=The Sugar Interface/Controls/Adjustment Controls|c_label=Adjustment Controls|n_link=The Sugar Interface/Controls/Indicators|n_label=Indicators}}</noinclude>