The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.
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:


