← 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