Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls - Revision history

FGrose: moved Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls to Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls: restructure

2009-07-07T13:15:53Z

moved Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls to Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls: restructure

← Older revision		Revision as of 09:15, 7 July 2009
(No difference)

FGrose at 18:49, 5 July 2009

2009-07-05T18:49:45Z

← Older revision		Revision as of 14:49, 5 July 2009
Line 1:		Line 1:
	<noinclude>{{Translations}}</noinclude>		<noinclude>{{Translations}}{{GoogleTrans-en}}</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-right: 15px;">		<div style="position: relative; padding-right: 15px;">

Dfarning: DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls moved to Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls

2009-04-08T02:56:51Z

DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls moved to Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls

← Older revision		Revision as of 22:56, 7 April 2009
(No difference)

Dfarning-bot: OLPC Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls moved to DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls: Robot: moved page

2009-02-05T02:19:49Z

OLPC Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls moved to DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls: Robot: moved page

← Older revision		Revision as of 22:19, 4 February 2009
(No difference)

Dfarning: 9 revisions

2009-02-04T19:11:39Z

9 revisions

← Older revision	Revision as of 15:11, 4 February 2009
(No difference)

Eben at 23:25, 10 April 2007

2007-04-10T23:25:23Z

← Older revision		Revision as of 19:25, 10 April 2007
Line 1:		Line 1:
	<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:'''

Line 13:		Line 13:
	'''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>
	~~</div>~~

	=====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:'''

Line 30:		Line 29:
	'''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>
	~~</div>~~

	=====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:'''

Line 47:		Line 45:
	'''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>
	~~</div>~~

	=====Color Sliders=====		=====Color Sliders=====
	<div style="margin-~~left~~: 310px;">		<div style="margin-right: 310px;">
	'''Usage:'''		'''Usage:'''

Line 62:		Line 59:
	'''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>		</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>

Eben at 23:22, 10 April 2007

2007-04-10T23:22:44Z

← Older revision		Revision as of 19:22, 10 April 2007
Line 1:		Line 1:
	<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-~~right~~: 15px;">		<div style="position: relative; padding-left: 15px;">
	<div style="position: absolute; ~~right~~: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>		<div style="position: absolute; left: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>

	=====Steppers=====		=====Steppers=====
	[[Image:example_stepper.png\|~~right~~]]		[[Image:example_stepper.png\|left]]
	<div style="margin-~~right~~: 310px;">		<div style="margin-left: 310px;">
	'''Usage:'''		'''Usage:'''

Line 13:		Line 13:
	'''Guidelines:'''		'''Guidelines:'''

	~~</div>~~<noinclude>		<noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:stepper.png\|thumb\|~~left~~\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:stepper.png\|thumb\|right\|400px\|Click for detailed control specifications]]
	<br clear='all'>		<br clear='all'>
	</noinclude>		</noinclude>
			</div>

	=====Basic Sliders=====		=====Basic Sliders=====
	[[Image:example_slider.png\|~~right~~]]		[[Image:example_slider.png\|left]]
	<br><br><br><br>[[Image:example_slider_fill.png\|~~right~~]]		<br><br><br><br>[[Image:example_slider_fill.png\|left]]
	<div style="margin-~~right~~: 310px;">		<div style="margin-left: 310px;">
	'''Usage:'''		'''Usage:'''

Line 29:		Line 30:
	'''Guidelines:'''		'''Guidelines:'''

	~~</div>~~<noinclude>		<noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:slider.png\|thumb\|~~left~~\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:slider.png\|thumb\|right\|400px\|Click for detailed control specifications]]
	<br clear='all'>		<br clear='all'>
	</noinclude>		</noinclude>
			</div>

	=====Sliders with Indication=====		=====Sliders with Indication=====
	[[Image:example_slider_indication.png\|~~right~~]]		[[Image:example_slider_indication.png\|left]]
	<br><br><br><br>[[Image:example_slider_indication_fill.png\|~~right~~]]		<br><br><br><br>[[Image:example_slider_indication_fill.png\|left]]
	<div style="margin-~~right~~: 310px;">		<div style="margin-left: 310px;">
	'''Usage:'''		'''Usage:'''

Line 45:		Line 47:
	'''Guidelines:'''		'''Guidelines:'''

	~~</div>~~<noinclude>		<noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:slider_indication.png\|thumb\|~~left~~\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:slider_indication.png\|thumb\|right\|400px\|Click for detailed control specifications]]
	<br clear='all'>		<br clear='all'>
	</noinclude>		</noinclude>
			</div>

	=====Color Sliders=====		=====Color Sliders=====
	<div style="margin-~~right~~: 310px;">		<div style="margin-left: 310px;">
	'''Usage:'''		'''Usage:'''

Line 59:		Line 62:
	'''Guidelines:'''		'''Guidelines:'''

	~~</div>~~<noinclude>		<noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:slider_color.png\|thumb\|~~left~~\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:slider_color.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'>[[Image:slider_color_discrete.png\|thumb\|right\|400px\|Click for detailed control specifications]]
	<br clear='all'>		<br clear='all'>
	</noinclude>		</noinclude>
			</div>

	</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>

Eben at 19:26, 9 April 2007

2007-04-09T19:26:23Z

← Older revision		Revision as of 15:26, 9 April 2007
Line 1:		Line 1:
	<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-right: 15px;">
			<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>

	=====Steppers=====		=====Steppers=====
	[[Image:example_stepper.png\|right]]		[[Image:example_stepper.png\|right]]
			<div style="margin-right: 310px;">
	'''Usage:'''		'''Usage:'''

Line 10:		Line 13:
	'''Guidelines:'''		'''Guidelines:'''

	<noinclude>		</div><noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:stepper.png\|thumb\|left\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:stepper.png\|thumb\|left\|400px\|Click for detailed control specifications]]
Line 18:		Line 21:
	=====Basic Sliders=====		=====Basic Sliders=====
	[[Image:example_slider.png\|right]]		[[Image:example_slider.png\|right]]
	[[Image:example_slider_fill.png\|right]]		<br><br><br><br>[[Image:example_slider_fill.png\|right]]
			<div style="margin-right: 310px;">
	'''Usage:'''		'''Usage:'''

Line 25:		Line 29:
	'''Guidelines:'''		'''Guidelines:'''

	<noinclude>		</div><noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:slider.png\|thumb\|left\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:slider.png\|thumb\|left\|400px\|Click for detailed control specifications]]
Line 33:		Line 37:
	=====Sliders with Indication=====		=====Sliders with Indication=====
	[[Image:example_slider_indication.png\|right]]		[[Image:example_slider_indication.png\|right]]
	[[Image:example_slider_indication_fill.png\|right]]		<br><br><br><br>[[Image:example_slider_indication_fill.png\|right]]
			<div style="margin-right: 310px;">
	'''Usage:'''		'''Usage:'''

Line 40:		Line 45:
	'''Guidelines:'''		'''Guidelines:'''

	<noinclude>		</div><noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:slider_indication.png\|thumb\|left\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:slider_indication.png\|thumb\|left\|400px\|Click for detailed control specifications]]
Line 47:		Line 52:

	=====Color Sliders=====		=====Color Sliders=====
			<div style="margin-right: 310px;">
	'''Usage:'''		'''Usage:'''

Line 52:		Line 58:

	'''Guidelines:'''		'''Guidelines:'''
	<noinclude>
			</div><noinclude>
	<br clear='all'>'''States:'''		<br clear='all'>'''States:'''
	<br clear='all'>[[Image:slider_color.png\|thumb\|left\|400px\|Click for detailed control specifications]]		<br clear='all'>[[Image:slider_color.png\|thumb\|left\|400px\|Click for detailed control specifications]]
Line 59:		Line 66:
	</noinclude>		</noinclude>

			</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>

Eben at 20:50, 6 April 2007

2007-04-06T20:50:52Z

← Older revision		Revision as of 16:50, 6 April 2007
Line 18:		Line 18:
	=====Basic Sliders=====		=====Basic Sliders=====
	[[Image:example_slider.png\|right]]		[[Image:example_slider.png\|right]]
			[[Image:example_slider_fill.png\|right]]
	'''Usage:'''		'''Usage:'''

Line 32:		Line 33:
	=====Sliders with Indication=====		=====Sliders with Indication=====
	[[Image:example_slider_indication.png\|right]]		[[Image:example_slider_indication.png\|right]]
			[[Image:example_slider_indication_fill.png\|right]]
	'''Usage:'''		'''Usage:'''

Eben at 20:43, 6 April 2007

2007-04-06T20:43:07Z

@@ Line 3: / Line 3: @@
 =====Steppers=====
-<noinclude>'''States:'''<br>[[Image:stepper.png]]</noinclude>
+'''Behavior:'''
 =====Basic Sliders=====
-<noinclude>'''States:'''<br>[[Image:slider.png]]</noinclude>
+'''Guidelines:'''
 =====Sliders with Indication=====
-<noinclude>'''States:'''<br>[[Image:slider_indication.png]]</noinclude>
+'''Behavior:'''
 =====Color Sliders=====
-<noinclude>'''States:'''<br>[[Image:slider_color.png]]<br>[[Image:slider_color_discrete.png]]</noinclude>
+'''Guidelines:'''
 <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>