[ListItem] Should be possible to wrap text in list items

Bug #1194513 reported by Sebastien Bacher
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Ubuntu UI Toolkit
Invalid
Undecided
Unassigned

Bug Description

Using the current toolkit version in saucy.

The phone's system-settings use mostly lists, some of the designs have text in the list, e.g
https://wiki.ubuntu.com/OnlineAccounts?action=AttachFile&do=get&target=phone-accounts-top-some.png

Does it make sense ot want to use a ListItem.Standard there (mostly to get the margins right) or should we simple pack a Label in a ListItem.Base or Rectangle and set wrapping for that?

Revision history for this message
Florian Boucault (fboucault) wrote :
Changed in ubuntu-ui-toolkit:
status: New → Incomplete
assignee: nobody → Florian Boucault (fboucault)
Revision history for this message
Sebastien Bacher (seb128) wrote :

@Florian: not sure, the caption documentation is not very descriptive ... I just tried it and ran into some issues:

- the margins are smaller than the normal item ones, where he design has the text aligned on the left
- the background color is different
- "showDivider: false" doesn't work

Changed in ubuntu-ui-toolkit:
status: Incomplete → In Progress
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

That "Storing account details here..." text is indeed a caption. If the margin is wrong, that's a problem with all captions, not just this one.

Changed in ubuntu-ui-toolkit:
status: In Progress → Confirmed
Revision history for this message
Zsombor Egri (zsombi) wrote :

To me the issue aint look like a toolkit one. You can use custom layout on a ListItem.Empty any time.

Changed in ubuntu-ui-toolkit:
status: Confirmed → Invalid
Revision history for this message
Sebastien Bacher (seb128) wrote :

That seems enough of an usecase that the standard component should support it imho, can you revisit that?

Changed in ubuntu-ui-toolkit:
status: Invalid → New
Revision history for this message
Zsombor Egri (zsombi) wrote :

As we discussed, this is not a common use case, so you can have something like

Column {
    width: set_to_a_something_or_anchored
    Button {}
    Label {
        width: parent.width
        wrap: Text.Wrap
    }
}

Revision history for this message
Sebastien Bacher (seb128) wrote :

ok, fair enough ;-)

Changed in ubuntu-ui-toolkit:
assignee: Florian Boucault (fboucault) → nobody
status: New → Invalid
Revision history for this message
Zsombor Egri (zsombi) wrote :

Also, the new Ubuntu.Components.Captions will give you the possibility to reconfigure the labels, its API looks is defined in https://docs.google.com/a/canonical.com/document/d/1uqmhDn_3wlcSuzvn3L44chjzUczQ3hx5yI_kBh2IxhY/edit#heading=h.ygyalvkmacz6

Please add any requests you have!

To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

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