I am implementing sub groupings on a panel of items in a Windows 8 app. The panel is relatively thin containing a vertically scrolling list of items. The user can change the list of times by tapping between each sub group of the panel.
I want the grouping titles to have immediate visibility but without the overhang problem, is this achievable?
Problem 1 (layout):
If I lay the groupings out horizontally there is the problem that the width of them overhangs the width of the items column (see image).
Problem 2 (visibility):
One solution is to consolidate them into a drop down (which looks alot better), but that means the unselected grouping titles no longer have immediate visibility (see image).
How can I maintain visibility of the unselected grouping titles but also maintain an attractive layout? is it possible?