Navigating XAML Elements with the Document Outline Window

Microsoft Silverlight will reach end of support after October 2021. Learn more.

The Document Outline window is a useful tool to view a XAML document in a hierarchical fashion. You can use the Document Outline window to preview or select XAML elements.

Document Outline Window

Viewing Your Document in the Document Outline Window

The following are the ways that you can open the Document Outline window in a Silverlight project.

  • On the View menu, point to Other Windows, and then select Document Outline.

  • Use the keyboard shortcut CTRL+ALT+T.

  • In Design view of the Silverlight Designer, right-click and select Document Outline on the shortcut menu.

  • In the lower-left corner of the Silverlight Designer, below XAML view and just to the left of the tag navigator, click the Document Outline button.

The Document Outline window displays the hierarchy of the document in a tree-style view with the root window or user control at the top and child elements underneath. You can view the hierarchy by expanding or collapsing the child elements. The name of an element is displayed in parentheses next to the element. Moving the mouse pointer over an element in the Document Outline window causes a rendered thumbnail of that element to appear in a pop-up window.

Selecting an element in the Document Outline window causes that element to be selected in Design view and XAML view of the Silverlight Designer.


The Document Outline window does not allow you to reposition elements in the hierarchy.

See Also


Other Resources