Confirmed users
154
edits
Firefox/Windows 8 Metro Style Guides: Difference between revisions
Firefox/Windows 8 Metro Style Guides (view source)
Revision as of 17:57, 20 March 2013
, 20 March 2013→Design/Theming guidelines
| Line 6: | Line 6: | ||
** Use message dialogs to present <strong>blocking questions</strong> that require the user's input. | ** Use message dialogs to present <strong>blocking questions</strong> that require the user's input. | ||
** Use message dialogs for rror messages that apply to the <strong>overall app context</strong>[http://msdn.microsoft.com/en-us/library/windows/apps/hh738363.aspx] | ** Use message dialogs for rror messages that apply to the <strong>overall app context</strong>[http://msdn.microsoft.com/en-us/library/windows/apps/hh738363.aspx] | ||
*Flyout | *Flyout [http://msdn.microsoft.com/en-us/library/windows/apps/hh465304.aspx#flyouts] | ||
** Show a flyout only in response to a user tap or click, and you should always dismiss the flyout when the user taps outside of it | ** Show a flyout only in response to a user tap or click, and you should always dismiss the flyout when the user taps outside of it | ||
**<strong>Size</strong>: The Flyout should be as small as possible given its content. It doesn't need extra padding beyond what is provided by the Flyout itself. If a control isn't absolutely necessary, then don't include it. | **<strong>Size</strong>: The Flyout should be as small as possible given its content. It doesn't need extra padding beyond what is provided by the Flyout itself. If a control isn't absolutely necessary, then don't include it. | ||
**<strong>Position</strong>: The Flyout should always be positioned near its point of invocation. Flyouts should never be positioned in non-contextual places such as the center of the screen. [http://msdn.microsoft.com/en-us/library/windows/apps/hh465341.aspx] | **<strong>Position</strong>: The Flyout should always be positioned near its point of invocation. Flyouts should never be positioned in non-contextual places such as the center of the screen. [http://msdn.microsoft.com/en-us/library/windows/apps/hh465341.aspx] | ||
*Context Menu | *Context Menu [http://msdn.microsoft.com/en-us/library/windows/apps/hh465308.aspx] | ||
** A maximum width that equates to approximately <strong>50 characters</strong>. | ** A maximum width that equates to approximately <strong>50 characters</strong>. | ||
** Show the fewest number of commands possible, up to the <strong>six-command limit</strong> | ** Show the fewest number of commands possible, up to the <strong>six-command limit</strong> | ||