Guideline/documentation has no layout recommendation for buttons in dialogs

[Sebastien Bacher]

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://design.ubuntu.com/apps/getting-started/design-vision
http://design.ubuntu.com/apps/building-blocks/dialog
https://developer.ubuntu.com/api/qml/sdk-14.04/Ubuntu.Components.Popups.Dialog/

[Stephanie (wilson-steph1989)]

------------------------------

Desired resolution:

*Will be added to the guide in the new designs*

http://design.ubuntu.com/apps/getting-started/design-vision

When buttons are stacked vertically we recommend that negative actions should be displayed at the bottom, and positive at the top.

http://design.ubuntu.com/apps/building-blocks/dialog

We will give best practises in this section for different layouts, but in general the same rule applies.

https://developer.ubuntu.com/api/qml/sdk-14.04/Ubuntu.Components.Popups.Dialog/

Will hand this over to someone who can put another example in there for a horizontal layout.

[Inayaili de León (yaili)]

Needs some visual work, assigning to Jamie.

[Inayaili de León (yaili)]

Marking this issue as Won't Fix as these guidelines will not be maintained anymore. Their archive has been moved to https://docs.ubuntu.com/phone/en/