The visual editor shows the read-only form, table and buttons that make up your page, and the Structure view shows the hierarchy of the components in the page. You can reorganize the page structure by dragging components in the Structure view, or moving them in either the visual editor or source editor.
The complete browsing page looks like this in the visual editor:
The Structure Window for the completed browsing page looks like this:
The Data Controls panel shows the structure of your business components data model. Note that the OrderItemsView2 collection is shown as a child node of the OrdersView1 collection, indicating the master-detail relationship between orders and order items. When you dropped this child node on your page as a table you created a table of order items for the currently-displayed order; ADF maintains this master-detail relationship for you automatically.