Device panel (XAML)

The Device panel includes settings to help you simulate the various views for your app at run time.

The Device panel

Device panel

B1_1

Display   Preview different display sizes and resolutions for the app.

B1_2

Orientation   Preview different orientations for the app: Landscape or Portrait.

B1_3

Edge   Preview different edge alignments for your app: Both, Left, Right, or None.

B1_4

High Contrast   Preview the app based on the selected contrast setting. This setting, when set to a value other than Default, will override the RequestedTheme property set in App.xaml.

B1_5

Override scaling   Preview the app based on an increased display scale. If the display scale is 100%, selecting Override scaling will simulate a display scale of 140%. If the display scale is 140%, the simulated scale is 180%.

B1_6

Theme   Preview the app based on the selected theme.

B1_7

Minimum width   Previews your app based on the minimum width setting. The minimum width can be changed in App.xaml.

B1_8

Show chrome   Select or clear the Show chrome check box to turn the simulated tablet frame around your app in the Design view on or off.

B1_9

Clip to display   Select or clear the Clip to display check box to either clip the entire document or show the document display.

97fa60b9-0caf-4387-9225-b57510d32209

Deploy target   Select the target device where your app will be deployed when it builds.

See Also

Concepts

Blend app workspace (XAML)

Design surface (XAML)

Assets panel (XAML)

Objects and Timeline panel (XAML)

Projects panel (XAML)

Properties panel (XAML)

Results panel (XAML)

States panel (XAML)

Tools panel (XAML)