closedDisplayMode property

AppBar.closedDisplayMode property

Applies to Windows and Windows Phone

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:

ValueCondition
"none"

The AppBar is not initially displayed.

"minimal"

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

AppBar in minimal closedDisplayMode
"compact"

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

AppBar in compact closedDisplayMode
"full"

The AppBar resizes to display all icons and labels.

AppBar in full closedDisplayMode

 

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

 

 

Show:
© 2017 Microsoft