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 |
|---|---|
|
The AppBar is not initially displayed. |
|
The AppBar is displayed with ellipsis only, no icons or labels. ![]() |
|
The AppBar is displayed with command icons only, no labels. This is the default value. ![]() |
|
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
Show:


