← Back to team overview

ubuntu-touch-coreapps team mailing list archive

Re: [Ubuntu-Touch-CoreApp][UI-toolkit] page header problem with Tabs

 

Hi all,

@Martin, Regarding the bug
https://bugs.launchpad.net/ubuntu-weather-app/+bug/1201118, I do not think
this is the correct way of implementing navigation within an app. I myself
am not clear on this topic and unsure how to implement this correctly.
However when I read the design guidelines at
http://design.ubuntu.com/apps/global-patterns/navigation, they mention that
you shouldn't combine Flat navigation (tabs) with Deep navigation (page
stack).

So you shouldn't be doing Tabs inside a page inside a pagestack.

However I understand your use case and have a similar need in the clock
app. So in the weather app, your use case is that the weather in different
location is shown in tabs (with each location in a new tab). So when you
use the toolbar to add a new location, what should it do? Should it show
the add location dialog in a new tab or a new pagestack? This has been
puzzling me for quite a while.

For now the clock app sticks to only using Tabs for different
functionalities such as clock, alarm, stopwatch and timer. So if you are in
the clock tab, and want to add a location, then *at the moment* it
basically hides the clock interface and shows the add city dialog. I hope
someone can provide a way as to how this can be done correctly.

Kind regards,
Nekhelesh

*Nekhelesh Kandasamy Ramananthan
TU Delft / M.Sc Aerospace Engineering*
Profile Controls and Simulation
2628 ZE  Delft
The Netherlands
C +31 (0) 63 43 64393
E nkandasamyra@xxxxxxxxxxxxxxxxxx


On Sun, Jul 14, 2013 at 5:47 PM, Martin Borho <martin@xxxxxxxxx> wrote:

> Hi Joey,
>
> stumbled across the same problem today:
>
> https://bugs.launchpad.net/**ubuntu-weather-app/+bug/**1201118<https://bugs.launchpad.net/ubuntu-weather-app/+bug/1201118>
>
> I don't know, how PageStack and Tabs are relating to each other in these
> cases.
>
> Cheers
> Martin
>
>
> Am Sonntag, den 14.07.2013, 17:39 +0200 schrieb Joey Chan <
> qqworini@xxxxxxxxx>:
>
>  Hi,
>>
>> I'm a member in RSS reader team, I found a problem with the page
>> header:
>> when I push another page into pagestack, tabs header remains on the
>> top, not the "another page" 's header.
>>
>> code snippets:
>>
>> PageStack {
>>
>>  id: pageStack
>>
>>  anchors.fill: parent
>>
>>  Component.onCompleted:
>>
>>  {
>>
>>  push(tabs); // use tabs as first page
>>
>>  }
>>
>> then I push another page:
>>
>> Page {
>>
>>  id: addfeedpage
>>
>>  title: i18n.tr("Add feed")
>>
>>  flickable: null
>>
>> but the pagestack's header doesn't show "Add feed" but tabs remain.
>>
>> This problem just happen in this week after the SDK updated, also
>> happened in my nexus 4 after apt-get upgrade.
>>
>> Can anyone tell me how to solve it or just wait for the SDK update?
>>
>> BR,
>>
>> Joey
>>
>
>
> --
> Mailing list: https://launchpad.net/~ubuntu-**touch-coreapps<https://launchpad.net/~ubuntu-touch-coreapps>
> Post to     : ubuntu-touch-coreapps@lists.**launchpad.net<ubuntu-touch-coreapps@xxxxxxxxxxxxxxxxxxx>
> Unsubscribe : https://launchpad.net/~ubuntu-**touch-coreapps<https://launchpad.net/~ubuntu-touch-coreapps>
> More help   : https://help.launchpad.net/**ListHelp<https://help.launchpad.net/ListHelp>
>

Follow ups

References