[SDK ListItems] should allow controls on the left

Bug #1197058 reported by Sebastien Bacher on 2013-07-02
This bug affects 2 people
Affects Status Importance Assigned to Milestone
Ubuntu UX
Olga Kemmet
ubuntu-ui-toolkit (Ubuntu)
Zsombor Egri

Bug Description

Looking to this system settings design:

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

- 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...

Related branches

PS Jenkins bot: Approve (continuous-integration) on 2014-12-03
Tim Peeters: Approve on 2014-12-02
Florian Boucault (fboucault) wrote :

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

Changed in ubuntu-ui-toolkit:
assignee: nobody → Florian Boucault (fboucault)
Iain Lane (laney) wrote :



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) wrote :

Let's have mpt discuss with Calum and others.

Tim Peeters (tpeeters) wrote :

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.

Changed in ubuntu-ui-toolkit:
status: New → Incomplete
John Lea (johnlea) on 2013-09-09
Changed in ubuntu-ux:
assignee: nobody → Katie Taylor (katie-t)

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

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

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

Katie Taylor (katie-t) on 2013-09-30
Changed in ubuntu-ux:
status: New → Opinion
Changed in ubuntu-ui-toolkit:
assignee: Florian Boucault (fboucault) → nobody
John Lea (johnlea) on 2014-07-21
Changed in ubuntu-ux:
assignee: Katie Taylor (katie-t) → Giorgio Venturi (giorgio-venturi)
status: Opinion → New
Changed in ubuntu-ui-toolkit:
status: Incomplete → New
Changed in ubuntu-ux:
importance: Undecided → Low
Changed in ubuntu-ui-toolkit:
importance: Undecided → Low
John Lea (johnlea) on 2014-07-21
Changed in ubuntu-ux:
status: New → Triaged
Matthew Paul Thomas (mpt) wrote :

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."

Changed in ubuntu-ui-toolkit:
assignee: nobody → Zsombor Egri (zsombi)
status: New → Confirmed
importance: Low → Medium
Zsombor Egri (zsombi) wrote :

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"

Changed in ubuntu-ui-toolkit:
status: Confirmed → In Progress
tags: added: listitems
Zoltan Balogh (bzoltan) on 2014-11-24
Changed in ubuntu-ui-toolkit (Ubuntu):
assignee: nobody → Zsombor Egri (zsombi)
importance: Undecided → Medium
status: New → In Progress
Zoltan Balogh (bzoltan) on 2014-11-24
no longer affects: ubuntu-ui-toolkit
Zsombor Egri (zsombi) on 2014-12-05
Changed in ubuntu-ui-toolkit (Ubuntu):
status: In Progress → Fix Committed
summary: - [ListItems] should allow controls on the left
+ [SDK ListItems] should allow controls on the left
Changed in ubuntu-ux:
assignee: Giorgio Venturi (giorgio-venturi) → Olga Kemmet (olga-kemmet)
Zsombor Egri (zsombi) on 2015-05-11
Changed in ubuntu-ui-toolkit (Ubuntu):
status: Fix Committed → Fix Released
Changed in ubuntu-ux:
status: Triaged → Fix Released
To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers