User:Garycmartin/Activity Toolbar Help - Revision history

Garycmartin: /* Design details regarding activity Help toolbar */

2012-07-28T12:16:06Z

Design details regarding activity Help toolbar

← Older revision		Revision as of 08:16, 28 July 2012
Line 19:		Line 19:
	[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]		[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]

	The standard Help icon is available in sugar-artwork (~~action~~-help). If you wish to support older versions of Sugar, place this icon in your Activity bundle for backwards compatibility.		The standard Help icon is available in sugar-artwork (toolbar-help). If you wish to support older versions of Sugar, place this icon in your Activity bundle for backwards compatibility.

Garycmartin: /* Design details regarding activity Help toolbar */

2012-07-27T16:51:15Z

Design details regarding activity Help toolbar

← Older revision		Revision as of 12:51, 27 July 2012
Line 19:		Line 19:
	[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]		[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]

	The standard Help icon is available in sugar-artwork (action-help)~~, if~~ you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.		The standard Help icon is available in sugar-artwork (action-help). If you wish to support older versions of Sugar, place this icon in your Activity bundle for backwards compatibility.

Garycmartin: /* Design details regarding activity Help toolbar */

2012-07-27T16:50:47Z

Design details regarding activity Help toolbar

← Older revision		Revision as of 12:50, 27 July 2012
Line 19:		Line 19:
	[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]		[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]

	The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.		The standard Help icon is available in sugar-artwork (action-help), if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.

Garycmartin: /* Design details regarding activity Help toolbar */

2012-07-27T16:47:27Z

Design details regarding activity Help toolbar

← Older revision		Revision as of 12:47, 27 July 2012
Line 7:		Line 7:
	===Design details regarding activity Help toolbar===		===Design details regarding activity Help toolbar===

	The Help content UI varies from Activity to Activity depending on the Activity needs and how the developer decides to tackle it (drop down palette of text and icons, pop-up animation, adding additional help text to the main canvas area). This document is not intended to specify the type of help to be implemented but to define one standard Help icon ~~design~~, and ~~the~~ toolbar placement.		The Help content UI varies from Activity to Activity depending on the Activity needs and how the developer decides to tackle it (drop down palette of text and icons, pop-up animation, adding additional help text to the main canvas area). This document is not intended to specify the type of help to be implemented, but to define one standard Help icon image, and its toolbar placement.

	An activity Help toolbar icon, when present, should be placed as the last icon in the toolbar before the Stop icon, but should be left aligned with the existing custom activity icons. An invisible separator provides padding to keep the Stop button to the right of the toolbar.		An activity Help toolbar icon, when present, should be placed as the last icon in the toolbar before the Stop icon, but should be left aligned with the existing custom activity icons. An invisible separator provides padding to keep the Stop button to the right of the toolbar.
Line 18:		Line 18:

	[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]		[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]

	Rational: The Stop icon is the most important Activity primary toolbar mechanism and should, where possible, be on its own to the far right of the toolbar, for clear obvious access. Placing other buttons next to it makes Stop less visible and increases the chance of pressing Stop accidentally when aiming for a nearby button.

	The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.		The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.

Garycmartin: /* Design details regarding activity Help toolbar */

2012-07-27T16:44:42Z

Design details regarding activity Help toolbar

← Older revision		Revision as of 12:44, 27 July 2012
Line 17:		Line 17:
	[[File:Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Turtle Art Activity toolbar Help]]		[[File:Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Turtle Art Activity toolbar Help]]

	[[~~File:~~File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]		[[File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]

	Rational: The Stop icon is the most important Activity primary toolbar mechanism and should, where possible, be on its own to the far right of the toolbar, for clear obvious access. Placing other buttons next to it makes Stop less visible and increases the chance of pressing Stop accidentally when aiming for a nearby button.		Rational: The Stop icon is the most important Activity primary toolbar mechanism and should, where possible, be on its own to the far right of the toolbar, for clear obvious access. Placing other buttons next to it makes Stop less visible and increases the chance of pressing Stop accidentally when aiming for a nearby button.

	The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.		The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.

Garycmartin: /* Activity Toolbar Help */

2012-07-27T16:44:29Z

Activity Toolbar Help

← Older revision		Revision as of 12:44, 27 July 2012
Line 10:		Line 10:

	An activity Help toolbar icon, when present, should be placed as the last icon in the toolbar before the Stop icon, but should be left aligned with the existing custom activity icons. An invisible separator provides padding to keep the Stop button to the right of the toolbar.		An activity Help toolbar icon, when present, should be placed as the last icon in the toolbar before the Stop icon, but should be left aligned with the existing custom activity icons. An invisible separator provides padding to keep the Stop button to the right of the toolbar.


	Activity [Edit] [View] [Custom1, Custom2 .. CustomN] [Help] _______________ Stop		Activity [Edit] [View] [Custom1, Custom2 .. CustomN] [Help] _______________ Stop

	[[File:Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Turtle ~~Arts~~ Activity toolbar Help]]
			[[File:Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Turtle Art Activity toolbar Help]]

			[[File:File:Chart Activity Toolbar Help.png\|thumb\|centre\|800px\|Example: Icon placement for Chart Activity toolbar Help]]

	Rational: The Stop icon is the most important Activity primary toolbar mechanism and should, where possible, be on its own to the far right of the toolbar, for clear obvious access. Placing other buttons next to it makes Stop less visible and increases the chance of pressing Stop accidentally when aiming for a nearby button.		Rational: The Stop icon is the most important Activity primary toolbar mechanism and should, where possible, be on its own to the far right of the toolbar, for clear obvious access. Placing other buttons next to it makes Stop less visible and increases the chance of pressing Stop accidentally when aiming for a nearby button.

	The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.		The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.

Garycmartin at 14:50, 27 July 2012

2012-07-27T14:50:02Z

← Older revision		Revision as of 10:50, 27 July 2012
Line 1:		Line 1:
	==Activity Toolbar Help==		==Activity Toolbar Help==

			===Who Should Read This Document===

			These guidelines are targeted primarily at developers who are building or modifying [[What is Sugar?\|Sugar]] Activities.

	===Design details regarding activity Help toolbar===		===Design details regarding activity Help toolbar===

Garycmartin: Created page with "==Activity Toolbar Help== ===Design details regarding activity Help toolbar=== The Help content UI varies from Activity to Activity depending on the Activity needs and how t..."

2012-07-27T14:43:48Z

Created page with "==Activity Toolbar Help== ===Design details regarding activity Help toolbar=== The Help content UI varies from Activity to Activity depending on the Activity needs and how t..."

New page

==Activity Toolbar Help==

===Design details regarding activity Help toolbar===

The Help content UI varies from Activity to Activity depending on the Activity needs and how the developer decides to tackle it (drop down palette of text and icons, pop-up animation, adding additional help text to the main canvas area). This document is not intended to specify the type of help to be implemented but to define one standard Help icon design, and the toolbar placement.

An activity Help toolbar icon, when present, should be placed as the last icon in the toolbar before the Stop icon, but should be left aligned with the existing custom activity icons. An invisible separator provides padding to keep the Stop button to the right of the toolbar.

Activity [Edit] [View] [Custom1, Custom2 .. CustomN] [Help] _______________ Stop

[[File:Activity Toolbar Help.png|thumb|centre|800px|Example: Icon placement for Turtle Arts Activity toolbar Help]]

Rational: The Stop icon is the most important Activity primary toolbar mechanism and should, where possible, be on its own to the far right of the toolbar, for clear obvious access. Placing other buttons next to it makes Stop less visible and increases the chance of pressing Stop accidentally when aiming for a nearby button.

The standard Help icon is available in sugar-artwork, if you wish to support older versions of Sugar place this icon in your Activity bundle for backwards compatibility.