← Back to team overview

ubuntu-touch-coreapps team mailing list archive

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

 

Al 14/07/13 18:05, En/na Nekhelesh Ramananthan ha escrit:
> 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).
> 

I had exactly the same issue with an app I'm developing, a while ago.
Back then I had a chat about it with Calum from the Design team, after
which he filed this bug:

https://bugs.launchpad.net/ubuntu-ui-toolkit/+bug/1187850

In summary, my understanding is that when that bug is fixed it should be
ok to combine tabs and pagestack and the SDK should take care of showing
the page title in the tabl.

Cheers,
David.

> 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 <mailto:nkandasamyra@xxxxxxxxxxxxxxxxxx>
> 
> 
> 
> On Sun, Jul 14, 2013 at 5:47 PM, Martin Borho <martin@xxxxxxxxx
> <mailto: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 <mailto: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 <http://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
>     <mailto: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