AppBar.closedDisplayMode property

Gets or sets how the AppBar is displayed while hidden.

Syntax

<div 
  data-win-control="WinJS.UI.AppBar" 
  data-win-options="{ closedDisplayMode : value}">
</div>
var closedDisplayMode = appBar.closedDisplayMode;
appBar.closedDisplayMode = closedDisplayMode;

Property value

Type: string

One of the following values:

Value Condition
"none"

The AppBar is not initially displayed.

"minimal"

The AppBar is displayed with ellipsis only, no icons or labels.

"compact"

The AppBar is displayed with command icons only, no labels. This is the default value.

"full"

The AppBar resizes to display all icons and labels.

 

Requirements

Minimum WinJS version

WinJS 2.1

Namespace

WinJS.UI

See also

AppBar

AppBarCommand

AppBarIcon

BackButton

NavBar

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 AppBar

Bottom AppBar

Top AppBar