Tab button does not appear when using the new header API

[Renato Araujo Oliveira Filho]

Declaring a page with the new header API causes the tab switcher button to disappear.

Check attached example.

[Zsombor Egri (zsombi)]

Renato, the design is redoing the navigation concept of the apps, and it will no longer be the Tabs which will be used for that purpose. The Tabs will be something which you can see in Chrome/Firefox on desktop and in Ubuntu Browser on the phone. While I do agree that this particular bug is not solved, it won't be the Tabs that will be affected, but the Navigation pattern.

It would be wiser to discuss this with UX. So I've added UX to the bug.

[Tim Peeters (tpeeters)]

The tabs pattern was deprecated by design (it wouldn't work well with the AdaptivePageLayout), so we don't have it in the new PageHeader for now. They are working on a new navigation pattern for the root page. I will need the new designs before I can implement this.

[Renato Araujo Oliveira Filho (renatofilho)]

What we do with calendar app? It uses the Tab pattern and need the bottom edge component.

[Tim Peeters (tpeeters)]

I had a chat with Jouni, and a pattern similar to the tabs pattern will be used as navigation.

However, the panel that the navigation ("hamburger") button on the top-left opens will be more flexible, so that the app developers can put inside anything they want. This means that the current Tabs { Tab { }; Tab { }; Tab { } } API needs to be replaced by (probably) something like PageHeader { navigationPanel: Item { .. } }. This is something we do not have yet, and we don't have the designs for it yet. You can, however, set an Action for the leadingActionBar of the PageHeader to open a Popover that can show the "tabs".

[Tim Peeters (tpeeters)]

You can use the leadingActionBar.actions now to control the navigation, and it will look the same as the Tabs used to look. See example 2 on https://developer.ubuntu.com/en/blog/2016/02/24/pageheader-tutorial/

[Tim Peeters (tpeeters)]

So, the Tabs component will be deprecated and app developers have to use the leading actions to control the navigation (this can be done with an AdaptivePageLayout).

[Tim Peeters (tpeeters)]

We still need to update some docs, see https://bugs.launchpad.net/ubuntu/+source/ubuntu-ui-toolkit/+bug/1566737