[SDK ListItems] should allow controls on the left

[Sebastien Bacher]

Looking to this system settings design:
https://wiki.ubuntu.com/Sound?action=AttachFile&do=get&target=phone-settings-sound.png

The list have list entries with that format
| [check] <Label> |

I've used a custom item for those doing that:

'ListItem.Base {
    property string textEntry: "";
    property bool checkStatus: false;

    Row {
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        spacing: units.gu(2)

        CheckBox {
            anchors.verticalCenter: parent.verticalCenter
            checked: checkStatus
        }
        Label {
            anchors.verticalCenter: parent.verticalCenter
            text: textEntry
        }
    }
}"

But:
- that's not standard
- clicking on the label doesn't tweak the checkbox as it does for other controls (I can hack that easily if needed though)
- the UI might not be consistent with what is used in other place

This bug might also be a place to discuss if those items are fine to use or non coherent with our use of the toolkit in other places...

[Florian Boucault (fboucault)]

I'm pretty sure it's something the designers have to resolve between themselves as to ensure consistency.

[Iain Lane (laney)]

This

  https://wiki.ubuntu.com/SecurityAndPrivacySettings?action=AttachFile&do=get&target=phone-security-privacy.png

is an interesting screenshot showing controls on both the left and right on the same page.

I'm not sure what the rationale is for this but it's in quite a few designs so if it's confirmed to be wanted then the SDK should support it.

[Florian Boucault (fboucault)]

Let's have mpt discuss with Calum and others.

[Tim Peeters (tpeeters)]

This is an inconsistency in design, I think controls should be on the right-hand side. I added the bug to the ubuntu-ux project so design has a look at it.

[Iain Lane (laney)]

On Mon, Sep 09, 2013 at 09:21:44AM -0000, John Lea wrote:
> ** Changed in: ubuntu-ux
> Assignee: (unassigned) => Katie Taylor (katie-t)

Ignore the link I posted earlier. It seems that one has been updated
already.

--
Iain Lane [ <email address hidden> ]
Debian Developer [ <email address hidden> ]
Ubuntu Developer [ <email address hidden> ]

[Katie Taylor (katie-t)]

Controls should be on the right hand side.
We (in design) do need to resolve these inconsistencies... :)

[Matthew Paul Thomas (mpt)]

I think the bug here is not that controls in general should be allowed on the left; that would be a recipe for Android-style inconsistency.

Rather, the bug is that checkboxes and radio marks are on the right when they should *always* be on the left. Putting them on the right is inconsistent with PC, and also makes them look too similar to switches. This confused one of the participants I observed in this month's usability testing: "There's a slight inconsistency. I can see on this screen the Silent Mode has a green tick option with a cross next to it, whereas the vibration has just a tick. I'm not sure why that difference is there."

[Zsombor Egri (zsombi)]

This kind of layout will be possible with the new ListItemLayout. However the layout must be defined explicitly, like

ListItemLayout {
    CheckBox {}
    Captions {
        title.text: "Whatever"
    }
}