Skip to main content
All docs
V25.1
  • 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