In the IDE

The blank page of browseOrders.jspx is displayed in the visual editor.

visual editor

The Structure window shows the page's entire structure when af:document is expanded.

When you select a tag in the Structure window, you see the component highlighted in the visual editor. For example, selecting af:document in the Structure window highlights the Document component in the visual editor: The selected component is represented by a dotted rectangle on the page, and the selected tag is shown in bold font on the visual editor breadcrumbs (just above the Design and Source tabs).

structure window