Hub.orientation property

Gets or sets the orientation of sections within the Hub.

Syntax

<div 
    data-win-control="WinJS.UI.Hub" data-win-options="{ orientation : value}" >
</div>
var orientation = hub.orientation;
hub.orientation = orientation;

Property value

Type: WinJS.UI.Orientation**

One of the values defined by the Orientation enumeration. The default value is WinJS.UI.Orientation.horizontal.

Value Condition
WinJS.UI.Orientation.horizontal

Specifies a horizontal layout.

WinJS.UI.Orientation.vertical

Specifies a horizontal layout.

 

Requirements

Minimum WinJS version

WinJS 2.0

Namespace

WinJS.UI

See also

Hub

HubSection

AppBar

NavBar

BackButton

Your first app - Part 3: PageControl objects and navigation

Quickstart: Using a hub control for layout and navigation

Navigating between pages (HTML)

Adding app bars

Adding nav bars

HTML Hub control sample

HTML AppBar control sample

HTML NavBar control sample

Navigation and navigation history sample

Designers

Command patterns

Navigation patterns

Hub

Guidelines for the hub control