Inserting Indexed Children in a BorderLayout

To insert indexed children in a borderLayout:

In the UIX Visual Editor of the desired file, right-click the borderLayout component and choose Insert inside borderLayout to insert indexed children.
Or,
Drag and drop a component from the Component Palette to the borderLayout node in the Design Structure Window.

Note: Indexed children are arranged consecutively in the middle of a borderLayout container, in the order in which they are listed.

Example (UIX XML)


...
<pageLayout>
  
  <!-- Insert indexed child components -->
  
  <contents>
    <borderLayout> 
      <contents>
        <styledText text="Here is some content" /> 
      </contents>
      <bottom> 
        <image/> 
      </bottom> 
      <innerBottom/> 
      <innerLeft/> 
      <innerRight/> 
      <innerTop/> 
      <left/>
      <right/> 
      <top/> 
    </borderLayout> 
  </contents>
  
  <!-- REST OF PAGE LAYOUT -->
  
</pageLayout>
...