Changes

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.

====Control Regions====

====Control Regions====

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