Getting Started With Pivots and Tabs - Windows 10

Navigation Pattern in Windows 10 is slightly different from other SDKs. Navigation in Windows 10 is more preferred using pivots and tabs. Tabs and pivots are used for navigating frequently accessed, distinct content categories. Pivot / Tab contains a header with respect to the header UI of application changes. At one time only one header is active and other headers are acting as passive headers.

Note: In phone it is recommended not to use more than 5 pivots. This is a UX recommendation.

Pivot and Tab controls are both made on top of Pivot control. Here are few new enhancements made in Windows 10 pivot control. Let's discuss them one by one.

Header Placement

Previously headers of pivots were fixed to the top in design guidelines whereas it was possible by changing different templates to align it bottom. Now officially Microsoft Supports the pivot to be placed at bottom

Header Labels

Now developers have option to use text headers , icons and both text headers and icons.

Header Alignment

Header can be left justified or center aligned now.

Touch Gesture Support

For devices that support touch gestures, you can use one of the two interaction sets to navigate between content categories.

Tap on a tab/pivot header to navigate to that category, or swipe on the content area to navigate to the adjacent category.

Tap on a tab/pivot header to navigate to that category (no swipe).

Here are few examples taken from MSDN related to pivots and tabs.

pivots and tabs

Simple Thai
Images Source: MSDN

Hope you have learnt something from this blog, Happy Coding!

Up Next
    Ebook Download
    View all
    View all