The Document Outline is a tool window that accompanies the Source Editor. It provides one way to navigate the source code in the Source Editor. An alternative way to navigate the source code in the Source Editor is provided by the Codeblock Tree.
The Document Outline is synchronized and linked to the Source Editor in the following ways:
 | The node that matches the position of the cursor in the source code is selected in the Document Outline. |
| If you double click an item in the Document Outline's tree, the cursor is moved to the associated source code and it is scrolled into view. |
| Elements added to the source code immediately become part of the Document Outline's tree structure. This includes elements such as event handlers added from the Events Pane (part of the WebForm Designer), C# class members added in custom code, ASP.NET Server controls added using either the WebForm Designer or custom code, XML elements. |
The image below shows the Document Outline in it's default location, to the right of the Source Editor. If you would prefer to have it placed somewhere else in the window layout, read Managing windows and panes.
The Document Outline changes the appearance of its tree nodes in accordance with the type source code opened in the Source Editor. In this example the Document Outline displays the structure of an NHibernate mapping, which is an XML format.
