ClosedDisplayMode property

ToolBar.closedDisplayMode property

Applies to Windows only

closedDisplayMode gets or sets the display options for the actionarea when the ToolBar is closed.

Syntax


<div data-win-control="WinJS.UI.ToolBar" data-win-options="{ closedDisplayMode : value}" />


var closedDisplayMode = toolBar.closedDisplayMode;
toolBar.closedDisplayMode = closedDisplayMode;

Property value

Type: string

Display options for the actionarea when the ToolBar is closed.

ValueCondition
"compact"

The height of the closed ToolBar is reduced such that button commands are still visible, but their labels are hidden.

Dn996562.toolbar_closeddisplaymode_compact(en-us,WIN.10).png
"full"

The height of the closed ToolBar is always sized to content.

Dn996562.toolbar_closeddisplaymode_full(en-us,WIN.10).png

 

Requirements

Minimum WinJS version

WinJS 4.0

Namespace

WinJS.UI

See also

ToolBar

 

 

Show:
© 2017 Microsoft