Ubuntu UX

[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	Fix Released	Low	Olga Kemmet
	ubuntu-ui-toolkit (Ubuntu)	Fix Released	Medium	Zsombor Egri

Bug Description

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

Tags:

Related branches

lp://staging/~zsombi/ubuntu-ui-toolkit/listitem-master

Merged into lp://staging/ubuntu-ui-toolkit/staging at revision 1359

PS Jenkins bot: Approve (continuous-integration) on 2014-12-03

Tim Peeters: Approve on 2014-12-02

Revision history for this message

Florian Boucault (fboucault) wrote on 2013-07-03:

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)

Revision history for this message

Iain Lane (laney) wrote on 2013-07-04:

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.

Revision history for this message

Florian Boucault (fboucault) wrote on 2013-07-05:

Let's have mpt discuss with Calum and others.

Revision history for this message

Tim Peeters (tpeeters) wrote on 2013-08-30:

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)

Revision history for this message

Iain Lane (laney) wrote on 2013-09-09: Re: [Bug 1197058] Re: [ListItems] should allow controls on the left

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

Revision history for this message

Katie Taylor (katie-t) wrote on 2013-09-09: Re: [ListItems] should allow controls on the left

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

Florian Boucault (fboucault) on 2014-02-11

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

Revision history for this message

Matthew Paul Thomas (mpt) wrote on 2014-08-26:

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

Cris Dywan (kalikiana) on 2014-10-01

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

Revision history for this message

Zsombor Egri (zsombi) wrote on 2014-11-18:

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

Magdalena Mirowicz (magdalena-mirowicz) on 2015-05-11

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

Olga Kemmet (olga-kemmet) on 2015-06-05

Changed in ubuntu-ux:
status:	Triaged → Fix Released

Report a bug

This report contains Public information

Everyone can see this information.

You are

Subscribing...

Edit bug mail

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.