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

FGrose: /* Controls */ add link to developer documentation

2015-05-18T17:14:37Z

Controls: add link to developer documentation

← Older revision		Revision as of 13:14, 18 May 2015
Line 8:		Line 8:

	As the control widget specification and guidelines compose a substantial portion of this document, internal page by page navigation is available by clicking on the header for any control set. In addition, the individual pages provide detailed specifications for the widgets and their various states. Finally, we're providing developers with an Adobe Illustrator file of the most up to date Sugar Control Specification in [[olpc:Media:sugar_control_spec.ai.zip\|.ai (07.04.05)]] and [[olpc:Media:sugar_control_spec.svg.zip\|.svg (07.05.18)]] in order to streamline early application layout and design mockups. Please understand these specifications and their implementations remain in early development, and their designs may change as the UI progresses. We'll provide links to APIs for the controls as they become available; Thanks for your patience.		As the control widget specification and guidelines compose a substantial portion of this document, internal page by page navigation is available by clicking on the header for any control set. In addition, the individual pages provide detailed specifications for the widgets and their various states. Finally, we're providing developers with an Adobe Illustrator file of the most up to date Sugar Control Specification in [[olpc:Media:sugar_control_spec.ai.zip\|.ai (07.04.05)]] and [[olpc:Media:sugar_control_spec.svg.zip\|.svg (07.05.18)]] in order to streamline early application layout and design mockups. Please understand these specifications and their implementations remain in early development, and their designs may change as the UI progresses. We'll provide links to APIs for the controls as they become available; Thanks for your patience.
			: See this developer documentation page, [https://github.com/sugarlabs/sugar/blob/master/docs/controls.txt controls.txt].

	====Control Regions====		====Control Regions====

FGrose: removed gray rectangle that hid text in Custom Controls

2010-06-17T16:54:23Z

removed gray rectangle that hid text in Custom Controls

← Older revision		Revision as of 12:54, 17 June 2010
Line 26:		Line 26:

	<div style="position: relative">		<div style="position: relative">
	<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>		<!--<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>-->
	====[[Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====
	{{:Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}

FGrose at 01:54, 8 July 2009

2009-07-08T01:54:28Z

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

2009-07-07T13:15:53Z

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

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

FGrose at 15:59, 5 July 2009

2009-07-05T15:59:10Z

← Older revision		Revision as of 11:59, 5 July 2009
Line 1:		Line 1:
	<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">		<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
	<noinclude>{{Translations}}</noinclude>		<noinclude>{{Translations}}{{GoogleTrans-en}}</noinclude>
	{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}		{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}
			{{TOCright}}
	===Controls===		===Controls===

	Sugar defines its own set of control widgets that will create the user interface on the laptops. Though most of the available controls will match developers' expectations, we've also developed some new controls and altered behaviors of others to better suit the user experience on the machines. With these new developments comes a new set of guidelines for their usage and placement which both maintains the broader set of goals and metaphors setup within Sugar and aids in the development of collaborative user interface environments.		Sugar defines its own set of control widgets that will create the user interface on the laptops. Though most of the available controls will match developers' expectations, we've also developed some new controls and altered behaviors of others to better suit the user experience on the machines. With these new developments comes a new set of guidelines for their usage and placement which both maintains the broader set of goals and metaphors setup within Sugar and aids in the development of collaborative user interface environments.

	As the control widget specification and guidelines compose a substantial portion of this document, internal page by page navigation is available by clicking on the header for any control set. In addition, the individual pages provide detailed specifications for the widgets and their various states. Finally, we're providing developers with an Adobe Illustrator file of the most up to date Sugar Control Specification in [[Media:sugar_control_spec.ai.zip\|.ai (07.04.05)]] and [[Media:sugar_control_spec.svg.zip\|.svg (07.05.18)]] in order to streamline early application layout and design mockups. Please understand these specifications and their implementations remain in early development, and their designs may change as the UI progresses. We'll provide links to APIs for the controls as they become available; Thanks for your patience.		As the control widget specification and guidelines compose a substantial portion of this document, internal page by page navigation is available by clicking on the header for any control set. In addition, the individual pages provide detailed specifications for the widgets and their various states. Finally, we're providing developers with an Adobe Illustrator file of the most up to date Sugar Control Specification in [[olpc:Media:sugar_control_spec.ai.zip\|.ai (07.04.05)]] and [[olpc:Media:sugar_control_spec.svg.zip\|.svg (07.05.18)]] in order to streamline early application layout and design mockups. Please understand these specifications and their implementations remain in early development, and their designs may change as the UI progresses. We'll provide links to APIs for the controls as they become available; Thanks for your patience.

	====Control Regions====		====Control Regions====
Line 13:		Line 13:
	In sugar, a predefined set of control regions provide the surfaces upon which controls may be placed. Limiting the background colors that the controls sit on allows for a consistent set of visual rules to define both the type and state of various controls while maintaining sufficient contrast even without the use of color. Shown to the right, the basic regions are the Canvas, Panel, Toolbar, and Palette.		In sugar, a predefined set of control regions provide the surfaces upon which controls may be placed. Limiting the background colors that the controls sit on allows for a consistent set of visual rules to define both the type and state of various controls while maintaining sufficient contrast even without the use of color. Shown to the right, the basic regions are the Canvas, Panel, Toolbar, and Palette.

	[[Image:control_regions.jpg\|~~right~~\|500px\|Basic control regions]]		[[Image:control_regions.jpg\|left\|500px\|Basic control regions]]

	'''Canvas:''' The canvas is the general purpose "creation" space within any activity — the region for drawing, writing, or otherwise working within it. Since creation ranks high among our goals, we also hope that this is the dominant region of the screen in most activities. The canvas region is specifically for generating content and 'should not' have any controls placed upon it. As such, the canvas may be any color the activity or the user desires, though Sugar specifies both white and black as the basic defaults.		'''Canvas:''' The canvas is the general purpose "creation" space within any activity — the region for drawing, writing, or otherwise working within it. Since creation ranks high among our goals, we also hope that this is the dominant region of the screen in most activities. The canvas region is specifically for generating content and 'should not' have any controls placed upon it. As such, the canvas may be any color the activity or the user desires, though Sugar specifies both white and black as the basic defaults.

Dfarning: fix camelcase links

2009-04-08T03:07:12Z

fix camelcase links

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

2009-04-08T02:56:51Z

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

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

Dfarning-bot: Robot: Automated text replacement (-[OLPC Human +[DesignTeam/Human)

2009-02-05T13:17:45Z

Robot: Automated text replacement (-[OLPC Human +[DesignTeam/Human)

Dfarning-bot: Robot: Automated text replacement (-:OLPC Human Interface Guidelines +:DesignTeam/Human Interface Guidelines)

2009-02-05T03:36:06Z

Robot: Automated text replacement (-:OLPC Human Interface Guidelines +:DesignTeam/Human Interface Guidelines)

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

2009-02-05T02:19:39Z

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

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

← Older revision		Revision as of 21:54, 7 July 2009
Line 27:		Line 27:
	<div style="position: relative">		<div style="position: relative">
	<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>		<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}

	====[[~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====		====[[Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====
	{{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}		{{:Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}
	</div>		</div>

	{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}		{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}
	</div>		</div>

← Older revision		Revision as of 23:07, 7 April 2009
Line 27:		Line 27:
	<div style="position: relative">		<div style="position: relative">
	<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>		<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}

	====[[~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====		====[[Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====
	{{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}		{{:Design Team/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}
	</div>		</div>

	{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}		{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}
	</div>		</div>

← Older revision		Revision as of 09:17, 5 February 2009
Line 27:		Line 27:
	<div style="position: relative">		<div style="position: relative">
	<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>		<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}

	====[[~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====		====[[DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====
	{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}
	</div>		</div>

← Older revision		Revision as of 23:36, 4 February 2009
Line 28:		Line 28:
	<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>		<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>
	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Buttons\|Buttons]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Buttons}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls\|Basic Selection Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Basic Selection Controls}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls\|Advanced Selection Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Advanced Selection Controls}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls\|Adjustment Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Adjustment Controls}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Indicators\|Indicators]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Indicators}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Text Controls\|Text Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Text Controls}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/View Controls\|View Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/View Controls}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls\|Grouping Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Grouping Controls}}

	====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====		====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls\|Custom Controls]]====
	{{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}		{{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Controls/Custom Controls}}
	</div>		</div>

	{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}		{{hig-subnav-intra\|p_page=Rollovers\|c_section=The Sugar Interface\|c_page=Controls\|n_page=Cursor}}
	</div>		</div>