Confirmed users
34
edits
Gaia/Design/BuildingBlocks: Difference between revisions
Jump to navigation
Jump to search
m
re-ordered a section
m (minor additions to buttons section) |
m (re-ordered a section) |
||
| Line 124: | Line 124: | ||
{| | {| | ||
|[[Image:OWD 01 Buttons.jpg|Visuals|thumbnail|left|600px]] | |[[Image:OWD 01 Buttons.jpg|Visuals|thumbnail|left|600px]] | ||
|} | |||
== Confirm == | |||
'''Used for:''' | |||
* Prompts user to take action. eg: | |||
** Confirm a deletion | |||
** Respond to a system event (eg: restart device after a SIM card swap) | |||
** Grant or deny a permission | |||
'''Characteristics:''' | |||
* Modal: occupies the screen and requires user input to clear. | |||
* Consists: of | |||
** Title | |||
** Body (optional) | |||
** Icon (optional) | |||
** Input: Confirmation. | |||
*** Can customize label string | |||
** Input: Cancel (optional). | |||
*** Can customize label string | |||
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/confirm.css Link to CSS in Github ] | |||
* [https://www.dropbox.com/s/6jzbsazcpp53n0t/OWD_00_Confirm.psd Link to source PSD in Dropbox] | |||
{| | |||
|[[Image:OWD 00 Confirm.jpg|Visuals|thumbnail|left|600px]] | |||
|} | |||
{| | |||
|[[Image:BB_Prompt_1.jpg|Interaction|thumbnail|left]] || [[Image:BB_Prompt_2.jpg|Interaction|thumbnail|left]] || [[Image:BB_Prompt_3.jpg|Interaction|thumbnail|left]] | |||
|} | |} | ||
| Line 245: | Line 276: | ||
{| | {| | ||
|[[Image:10_OWD_Progress_Inline_Sample.jpg|Visuals - Inline|thumbnail|left|600px]] | |[[Image:10_OWD_Progress_Inline_Sample.jpg|Visuals - Inline|thumbnail|left|600px]] | ||
|} | |} | ||