← Back to team overview

ubuntu-phone team mailing list archive

[Design] Popover pointing to header buttons

 

Hi all,

My app Beru has a main screen that features a list that can be sorted in several different ways. The sorting UI consists of a Sort toolitem that opens a popover with three different sorts to choose from. When the toolitems were in a toolbar, this worked fine. When they got moved to the header, the popover no longer points to the correct spot. When I reported this on Launchpad [1], I was told,

Popovers pointing to buttons in the new header is not supported. Design recommends to use a pagestack in those cases. For specific needs of an app, please talk to designers for a solution

Is this true? Tabs are currently handled with a popover pointing to a button in the header, so it seems odd not to allow this mechanism for other buttons. I don't understand how I'm supposed to solve this with a pagestack. Am I really supposed to create a new page to hold a single option? What solution does the design team suggest?

For what it's worth, I'm currently faking the pointer by putting a rectangle behind where I know the header item will be and pointing to that. It looks and works just fine [2].

Thanks,
Robert

[1] https://bugs.launchpad.net/ubuntu-ui-toolkit/+bug/1337699
[2] http://rschroll.github.io/beru/assets/ss-library-author.png



Follow ups