Ubuntu RTM
address-book-app package

Adjust header behaviour & UI in multi select mode

Bug #1370146 reported by Olga Kemmet on 2014-09-16

This bug affects 1 person

	Status	Importance	Assigned to	Milestone
Ubuntu Clock App	Fix Released	Medium	Nekhelesh Ramananthan	Ubuntu Clock App 3.0 "RTM"
Ubuntu UI Toolkit	Fix Released	Critical	Tim Peeters
Ubuntu UX	Fix Released	Medium	Unassigned
address-book-app (Ubuntu)	Confirmed	Medium	Unassigned
address-book-app (Ubuntu RTM)	New	Undecided	Unassigned
dialer-app (Ubuntu)	Confirmed	Medium	Unassigned
messaging-app (Ubuntu)	Confirmed	Medium	Unassigned
ubuntu-ui-toolkit (Ubuntu)	Fix Released	Undecided	Tim Peeters
Vivid	New	Undecided	Unassigned

Bug Description

Steps to reproduce:

1. Open Messaging app (or Address Book app, Phone app), make sure you have a list in your messages view
2. Long press on any of the list items

Actual Result:
3. Header is changing and shows an X button on the left hand side and two action buttons on the right hand side. Selection checkboxes appear from the left hand side.

Expected result - desired solution:
- The header should display a BACK button instead of the "X" on the left hand side, same as we have in all other headers
- Remove the change in the background colour when a list item is selected, change in the colour of the checkbox is enough
- Add labels for all visible actions in this mode in the header, except for 'BACK'
- Tapping on the BACK in this mode, cancels the multi-select mode and does NOT navigate back to the previous view
- There is no title in this header

Please see attached wireframe for reference. This change applies across all apps which use a multi select in their list views.

See original description

Tags:

Related branches

lp://staging/~nik90/ubuntu-clock-app/improved-multiselectmode

Merged into lp://staging/ubuntu-clock-app at revision 108

Ubuntu Phone Apps Jenkins Bot: Approve (continuous-integration) on 2014-09-19

Riccardo Padovani: Approve on 2014-09-19

Nekhelesh Ramananthan: Approve (design and testing) on 2014-09-18

lp://staging/~tpeeters/ubuntu-ui-toolkit/20-sm

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

PS Jenkins bot: Approve (continuous-integration) on 2014-10-05

Zsombor Egri: Approve on 2014-10-02

lp://staging/ubuntu/utopic-proposed/ubuntu-ui-toolkit

Revision history for this message

Olga Kemmet (olga-kemmet) wrote on 2014-09-16:

multiselect_messages_app.png Edit (44.2 KiB, image/png)

Zoltan Balogh (bzoltan) on 2014-09-17

Changed in ubuntu-ui-toolkit:
milestone:	none → september-2014
assignee:	nobody → Tim Peeters (tpeeters)
importance:	Undecided → Medium
status:	New → Confirmed

Olga Kemmet (olga-kemmet) on 2014-09-17

description:

updated

Nekhelesh Ramananthan (nik90) on 2014-09-17

Changed in ubuntu-clock-app:
assignee:	nobody → Nekhelesh Ramananthan (nik90)
importance:	Undecided → Medium
milestone:	none → rtm
status:	New → Confirmed

Revision history for this message

Tim Peeters (tpeeters) wrote on 2014-09-17:

Header modes are planned for later in UITK. For now, this can be implemented by using a custom Page.head.contents that contains all the buttons (the default back button can be removed by setting Page.head.backAction to an Action which is not visible). This is already being worked on for the clock-app, see https://imgur.com/Av0tPY1

Nekhelesh Ramananthan (nik90) on 2014-09-17

Changed in ubuntu-clock-app:
status:	Confirmed → In Progress

Revision history for this message

Nekhelesh Ramananthan (nik90) wrote on 2014-09-17:

As tim mentioned above, I have been working on this for the clock app and have proposed a merge. The behaviour and UI can be seen in https://imgur.com/a/zopnJ for different cases. Hope this helps with the implementation in other apps.

@Design, please review the screenshots linked in this comment, and approve please. If you want to test on the phone, then you can download the click package at https://www.dropbox.com/s/h6d32cc46nid73d/com.ubuntu.clock_3.1._armhf.click?dl=0 and see for yourself :-)

Bill Filler (bfiller) on 2014-09-17

Changed in address-book-app:
importance:	Undecided → Medium
Changed in dialer-app:
importance:	Undecided → Medium
Changed in messaging-app:
importance:	Undecided → Medium
Changed in address-book-app (Ubuntu):
importance:	Undecided → Medium
Changed in dialer-app (Ubuntu):
importance:	Undecided → Medium
Changed in messaging-app (Ubuntu):
importance:	Undecided → Medium
tags:	added: touch-2014-10-23

Tim Peeters (tpeeters) on 2014-09-18

summary:

- [sdk] adjust behaviour & UI in multi select mode
+ Adjust header behaviour & UI in multi select mode

Revision history for this message

Tim Peeters (tpeeters) wrote on 2014-09-18:

At the previous London sprint we decided to do the header modes after rtm, so I did not work on this yet.

With this new planning, I'll start on this bug the coming week (there is some other header work ongoing now which is better to land first).

Revision history for this message

Giorgio Venturi (giorgio-venturi-deactivatedaccount) wrote on 2014-09-18:

I reviewed Nik's clock implementation and it works great! Well done

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

Victor Tuson Palau (vtuson) on 2014-09-18

tags:

added: ota-1
removed: touch-2014-10-23

Revision history for this message

Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot) wrote on 2014-09-19:

Fix committed into lp:ubuntu-clock-app at revision 108, scheduled for release in ubuntu-clock-app, milestone rtm

Changed in ubuntu-clock-app:
status:	In Progress → Fix Committed

Nekhelesh Ramananthan (nik90) on 2014-09-21

Changed in ubuntu-clock-app:
status:	Fix Committed → Fix Released

Revision history for this message

Tim Peeters (tpeeters) wrote on 2014-09-22:

Changed status to Incomplete because we are still having some discussions whether this is the best (and a consistent) way to show that you are in selection mode.

Changed in ubuntu-ui-toolkit:
status:	Confirmed → Incomplete

Revision history for this message

Tim Peeters (tpeeters) wrote on 2014-09-25:

After some discussion it was decided that the actions on the right side in selection mode will have a text label.

The look of the back button is still open. It may or may not have a label under it.

Changed in ubuntu-ui-toolkit:
status:	Incomplete → Confirmed

Revision history for this message

Giorgio Venturi (giorgio-venturi-deactivatedaccount) wrote on 2014-09-25:

Back will have no label and will vertically centred in the middle

description:

updated

Bill Filler (bfiller) on 2014-09-26

Changed in address-book-app:
status:	New → Confirmed
Changed in dialer-app:
status:	New → Confirmed
Changed in messaging-app:
status:	New → Confirmed
Changed in address-book-app (Ubuntu):
status:	New → Confirmed
Changed in dialer-app (Ubuntu):
status:	New → Confirmed
Changed in messaging-app (Ubuntu):
status:	New → Confirmed

Tim Peeters (tpeeters) on 2014-09-29

Changed in ubuntu-ui-toolkit:
status:	Confirmed → In Progress
Changed in ubuntu-ui-toolkit (Ubuntu):
assignee:	nobody → Tim Peeters (tpeeters)
status:	New → In Progress

Tim Peeters (tpeeters) on 2014-09-29

Changed in ubuntu-ui-toolkit:
importance:	Medium → High

Zoltan Balogh (bzoltan) on 2014-10-01

Changed in ubuntu-ui-toolkit:
milestone:	september-2014 → 10.09

Tim Peeters (tpeeters) on 2014-10-03

Changed in ubuntu-ui-toolkit:
importance:	High → Critical

Revision history for this message

PS Jenkins bot (ps-jenkins) wrote on 2014-10-05:

#10

Fix committed into lp:ubuntu-ui-toolkit/staging at revision None, scheduled for release in ubuntu-ui-toolkit, milestone Unknown

Changed in ubuntu-ui-toolkit:
status:	In Progress → Fix Committed

Tim Peeters (tpeeters) on 2014-10-06

Changed in ubuntu-ui-toolkit (Ubuntu):
status:	In Progress → Fix Committed

Revision history for this message

Launchpad Janitor (janitor) wrote on 2014-10-10:

#11

This bug was fixed in the package ubuntu-ui-toolkit - 1.1.1279+14.10.20141007-0ubuntu1

---------------
ubuntu-ui-toolkit (1.1.1279+14.10.20141007-0ubuntu1) 14.09; urgency=medium

  [ Michael Sheldon ]
  * Removes the keyboard anchor animation as this is now implemented
    in the keyboard.

  [ Tim Peeters ]
  * PageStack push returns the pushed page. Fixes LP: #1361919
  * Add selection mode as a preset to the header configuration.
    Fixes LP: #1370146.

  [ Zsombor Egri ]
  * Fix Dialog foreground sizing. Fixes LP: #1337555, LP: #1337556.
  * Workaround for StateSaver to fall back to use qgetenv() when
    QStandardPaths fails to return XDG_RUNTIME_DIR path.
    Fixes LP: #1363112.

  [ Christian Dywan ]
  * Add unit tests for MathUtils API.
    Fixes LP: #1244685.
  * Text field hint should use the same font as the editor.
    Fixes LP: #1237400.
  * Read-only text fields mustn't have a clear button.
    Fixes LP: #1337257.
  * autopilot package should source-depend on QML plugin.
    Fixes LP: #1236085.

[ CI bot ]
* Resync trunk
-- Ubuntu daily release <email address hidden> Tue, 07 Oct 2014 12:09:39 +0000

Changed in ubuntu-ui-toolkit (Ubuntu):
status:	Fix Committed → Fix Released

Tim Peeters (tpeeters) on 2014-10-24

Changed in ubuntu-ui-toolkit:
milestone:	10.09 → none
status:	Fix Committed → Fix Released

Sebastien Bacher (seb128) on 2015-04-29

no longer affects:	messaging-app (Ubuntu)
no longer affects:	dialer-app (Ubuntu)
affects:	messaging-app → messaging-app (Ubuntu)
affects:	dialer-app → dialer-app (Ubuntu)
no longer affects:	address-book-app