All docs
V20.1
20.2 (EAP/Beta)
20.1
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

Visual Tree Window

The Visual Tree Window displays the current preview's visual element structure.

Visual Tree Window

All UI elements in the Visual Tree Window are written in two styles - the regular typed and bold-typed styles.

Visual Tree Window Bold-Typed Elements

Double-click a bold-typed element or select an element in the Visual Tree and use Enter or Space to navigate to the element's XAML.

Visual Tree - Navigate to XAML

Enable the Inspect Element tool to place a border around the selected UI element:

Inspect Element Border

TIP

You can navigate the Visual Tree with a keyboard when the Visual Tree Window is focused.

To search for an element in the Visual Tree, focus the Visual Tree Window, press Ctrl+F, and type the name of an element in the Search bar at the top of the Visual Tree. Use the Next and Previous buttons to navigate between the search results.

Visual Tree Window - Search