Inserting a Component in a Named Area Using BorderLayout

The steps for inserting named children into any of the 12 predefined, named areas of borderLayout are the same.

To insert a component in a named area using borderLayout:

In the Design Structure Window of the desired file, locate the parent node in which you wish to insert borderLayout named children.
In the Component Palette, select Layout Components from the dropdown list, and then drag and drop the borderLayout component to the parent node.
The borderLayout node is inserted under the expanded parent node.
In the UIX Visual Editor, right-click an empty named child box (e.g., bottom) to insert a child component.

Tip: Right-click borderLayout and choose Change Child Visibility to show or hide all named children.

Example (UIX XML)


...
<pageLayout>
  
  <!-- Insert borderLayout named child components -->
  
  <contents>
    <borderLayout> 
      <bottom> 
       <image/> 
      </bottom> 
      <innerBottom/> 
      <innerLeft/> 
      <innerRight/> 
      <innerTop/> 
      <left/>
      <right/> 
      <top/> 
    </borderLayout> 
  </contents>
  
  <!-- REST OF PAGE LAYOUT -->
  
</pageLayout>
...