Inserting a Child Component in a RowLayout

To insert a child component in a rowLayout:

In the Design Structure Window of the desired file, drag and drop a component from the Component Palette to the rowLayout node.
The child component is inserted and highlighted under the rowLayout node. In the UIX Visual Editor, the child component is placed in a cell of the row.
Repeat step 1 to add any number of children components in the row.
Children components are placed consecutively in individual cells. Each cell contains only one child.

Example (UIX XML)


...
<pageLayout>
  
  <!-- Insert rowLayout child components -->
  
  <contents>
    <header text="Here is a table with two rows">
      <tableLayout width="75%"
                   borderWidth="3"
                   cellSpacing="10"
                   hAlign="center">
        <contents>
          <rowLayout hAlign=right">
            <contents>
              First Column
              <cellFormat vAlign="bottom">
                <contents>
                  Second Column
                </contents>
              </cellFormat>
              <flowLayout>
                <contents>
                  Third Column
                  <spacer height="100" width="1"/>
                </contents>
              </flowLayout>
            </contents>
          </rowLayout>
          <rowLayout>
            <contents>
              <header text="Second Row First Column"/>
              <cellFormat columnSpan="2">
                <contents>
                  <header text="Column Span Two"/>
                </contents>
              </cellFormat>
            </contents>
          </rowLayout>
        </contents>
      </tableLayout>
    </header>
  </contents>
  
  <!-- REST OF PAGE LAYOUT -->
  
</pageLayout>
...