layout property

NavBarContainer.layout property

Applies to Windows only

[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

 

 

Show:
© 2017 Microsoft