Using MessageComponentLayout

To insert a messageComponentLayout component:

In the Design Structure Window of the desired file, locate the node in which you wish to insert a messageComponentLayout component.
In the Component Palette, select Layout Components from the dropdown list, and then drag and drop the messageComponentLayout component to the parent node of your choice.
The messageComponentLayout node is inserted and highlighted under the expanded parent node.
In the Property Inspector, set the following attributes for the messageComponentLayout component:
- columns - Enter the maximum number of columns to show.
- fieldWidth - Enter the preferred width of the field. If specified as a percentage, the promptWidth plus the fieldWidth should add up to 100%, regardless of the number of columns.
- promptWidth - Enter the preferred width of the prompt. If specified as a percentage, the promptWidth plus the fieldWidth should add up to 100%, regardless of the number of columns.
- rows - Enter the number of rows after which to start a new column.
- width - Enter the preferred total width of the layout.
To insert a message form component child into messageComponentLayout, do the following:
1. In the Design Structure Window, right-click the messageComponentLayout node and choose Insert inside messageComponentLayout. Then choose a preferred message form component child, e.g., messageChoice.
2. In the Property Inspector, set the attributes for the message form component you inserted.
3. Repeat steps 4a and 4b to add the desired number of child components.

Note: To use data binding, see Data Binding a Component Attribute.

For information about message attributes, see Setting the Message Attributes for a Message Form Component. For information about other general attributes of message form components, see Setting the General Attributes for a Message Form Component.

Example (UIX XML)


...
<messageComponentLayout rows="6" promptWidth="40%">
  <contents>
    <messageLayout prompt="Attribute">
      <contents>
        <stackLayout>
          <contents>
            <flowLayout>
              <contents>
                <radioButton name="foo"/>
                <messagePrompt prompt="First"/>
                <textInput/>
              </contents>
            </flowLayout>
            <flowLayout>
              <contents>
                <radioButton name="foo"/>
                <messagePrompt prompt="Second"/>
                <textInput/>
              </contents>
            </flowLayout>
          </contents>
        </stackLayout>
      </contents>
    </messageLayout>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
    <messageTextInput prompt="Attribute"/>
  </contents>
</messageComponentLayout>
...