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
Your first app - Part 3: PageControl objects and navigation
Navigating between pages (HTML)
Navigation and navigation history sample
Designers
Bottom AppBar
Top AppBar