Share via


NavBarContainer.layout property

[NavBarContainer is no longer available for use as of Windows Library for JavaScript (WinJS) 4.2. Instead, use SplitViewCommand. ]

Gets or sets a value that specifies whether the NavBarContainer has a horizontal or vertical layout.

Syntax

<div 
    data-win-control="WinJS.UI.NavBarContainer" 
    data-win-options="{ layout : WinJS.UI.Orientation.value}" >
</div>
var layout = navBarContainer.layout;
navBarContainer.layout = layout;

Property value

Type: WinJS.UI.Orientation**

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

Remarks

The horizontal layout uses pagination to handle overflow. The vertical layout uses a max-height CSS setting and vertical scrolling to handle overflow.

Requirements

Minimum WinJS version

WinJS 2.0

Namespace

WinJS.UI

See also

NavBarContainer

NavBar

NavBarCommand

BackButton

AppBar

Your first app - Part 3: PageControl objects and navigation

Navigating between pages (HTML)

Adding app bars

Adding nav bars

HTML AppBar control sample

HTML NavBar control sample

Navigation and navigation history sample

Designers

Command patterns

Navigation patterns

Guidelines for app bars

Bottom app bar

Top app bar