Tab Control

Question

I did not find the "Tab Control" in the preliminary list of Metro Style controls. Is this an oversight or inherent to the Metro UI style. Thanks, Chris.

Answer 1

Hi,

 

I guess FlipView control can be the replacement of TabControl in Metro UI.

http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.flipview(v=VS.85).aspx

Just guessing :)

 

Regards,

Nyi Nyi

---

Happy programming .net

Answer 2

I think the concept of Tab Control is replaced by something like the Pivot Control in WP7 (minus the animation). If you look at the //build app, there's an example of tabs if you go to sessions.

I implemented something similar to this using a radio group with text. The radio group handles highlighting the text of the current selection.

Answer 3

Rather than FlipView, I would put each "tab" in its own panel (make them all equal width), put each of those panels in a horizontal StackPanel, put that StackPanel inside a ScrollViewer and then enable the new 'snapping' functionality of ScrollViewer. It'll be like FlipView but you get more flexibility... can have a panoramic background across all tabs (like WP7), can let the user flick to jump across multiple tabs, etc.

---

Robert Levy

Answer 4

This might help you, Chris:

http://blogs.msdn.com/b/avip/archive/2011/09/19/windows-8-development-tip-tab-control.aspx

---

Avi

Answer 5

They need to just implement Pivot/Panorama controls in Windows 8. I don't see how they can be in both Windows Phone 7 and on the Xbox 360, yet not in Windows 8. I have already had many complaints from focus groups about 'scroll fatigue' (my term, their complaints).

---

Ankur Vashi - Dreken Productions

Answer 6

I think tabs are considered chrome (I agree), and of course chrome is a no-no.

You might consider using the top AppBar the way Metro IE does. The UX Guidelines state that it's intended to be used for navigation, and even call it a NavBar. There are currently some issues with that, because there's no way to take (and therefore no way to display) a screenshot unless you're using HTML content. (And even though IE is displaying HTML, I'm told that it cheats. Nothing new there, lol.)

And I'm not entirely sure how you'd handle the navigation, since it's my understanding is that you can only have a single instance of each Page class if you're caching, which you'd presumably want to do in this situation, but I haven't tried it yet--I'm still trying to figure out what to display in the NavBar--so I could be borrowing trouble there...

---

Rebecca M. Riordan