Guideline/documentation has no layout recommendation for buttons in dialogs
| Affects | Status | Importance | Assigned to | Milestone | |
|---|---|---|---|---|---|
| Ubuntu Brand Guidelines website |
Won't Fix
|
Undecided
|
Jamie Young | ||
| Ubuntu UX |
In Progress
|
Medium
|
Stephanie | ||
| ubuntu-ui-toolkit (Ubuntu) |
New
|
Undecided
|
Unassigned | ||
Bug Description
Reading the current documentation there is no real guidance on how to layout buttons in Dialogs.
The "design vision" section 4. [1] mentions "Positive actions always go on the right, negative on the left", which suggests an horizontal alignment for the buttons, but the building blocks section [2] doesn't mention the topic and the uitk defaults to stacking things vertically, including the API example [3], while the uitk-gallery example program does show an horizontal layout by stacking its button in a row (if that's recommended way, the API example should perhaps reflect that?)
Those lacks lead our applications to be inconsistant, e.g the delete confirmations actions in gallery or camera have there delete/don't button vertically stacked, is that the correct way?
http://
http://
https:/
| Changed in ubuntu-ux: | |
| assignee: | nobody → Stephanie (wilson-steph1989) |
| importance: | Undecided → Medium |
| status: | New → Triaged |
| Changed in ubuntu-brand-guidelines: | |
| status: | New → Triaged |
| assignee: | nobody → Stephanie (wilson-steph1989) |
| Changed in ubuntu-ux: | |
| status: | Triaged → In Progress |
| Changed in ubuntu-brand-guidelines: | |
| status: | Triaged → In Progress |
| Stephanie (wilson-steph1989) wrote | #1 |
| Changed in ubuntu-brand-guidelines: | |
| status: | In Progress → Fix Committed |
| Inayaili de León (yaili) wrote | #2 |
| Changed in ubuntu-brand-guidelines: | |
| status: | Fix Committed → In Progress |
| assignee: | Stephanie (wilson-steph1989) → Jamie Young (jamiedawsonyoung) |
| Inayaili de León (yaili) wrote | #3 |
| Changed in ubuntu-brand-guidelines: | |
| status: | In Progress → Won't Fix |
-------
Desired resolution:
*Will be added to the guide in the new designs*
http://
When buttons are stacked vertically we recommend that negative actions should be displayed at the bottom, and positive at the top.
http://
We will give best practises in this section for different layouts, but in general the same rule applies.
https:/
Will hand this over to someone who can put another example in there for a horizontal layout.