In the IDE

The visual design of br-o.jspx is displayed in the visual editor, and the Structure window shows the page's structure. As you add components to the page, you will drop them inside the panelGroupLayout component, and their arrangement will be controlled by the layout manager of the panelGroupLayout component.

Use the Structure view for precise control when populating the .jspx page.

A component selected in the Structure view is highlighted in the visual editor. For example, selecting tr:panelGroupLayout in the Structure window highlights the Panel Group Layout component in the visual editor.