To select a component in the Component Hierarchy palette, click a component or use the arrow keys to navigate the DOM tree and press Enter. To select multiple components in the Component Hierarchy palette, use Shift+click to select a range of components and Ctrl+click to select multiple, individual components.
To select a component in the work area, use Ctrl+click. The component is also selected in the Component Hierarchy palette. Components with complex mouse behaviors, such as trees, menus, and buttons, may capture and respond to a Ctrl+click in the work area. For example, if you use Ctrl+click to select a button in the work area, the button event is executed. To avoid this behavior, select these components in the Component Hierarchy palette, not the work area.
Using the Show/Hide Focus Rectangle Button
The Show/Hide Focus Rectangle button 
on the Component Hierarchy palette toolbar toggles the focus rectangle in the work area. When the Show/Hide Focus Rectangle button is enabled, the selected component displays in a bounding box with handles. The bounding box is blue for absolutely positioned components and orange for relatively positioned components.
 | The Show/Hide Focus Rectangle button is off by default, because it can interfere with interactions and events of the selected object and its children. |
To show the focus rectangle, click the Show/Hide Focus Rectangle button in the Component Hierarchy palette toolbar.
To hide the focus rectangle, double-click the component or click the enabled Show/Hide Focus Rectangle button in the Component Hierarchy palette toolbar.
Selecting Components