Example: UI Element for the Sample Task

The code for the Sample Task creates a group for each input type. Here is the code for the first three groups:

<UI>
   <Container option="DATATAB">
      <Group option="DATAGROUP" open="true"
         <DataItem data="DATASOURCE" />
      </Group>
      <Group option="ROLESGROUP" open="true">
         <RoleItem role="VAR"/>
         <RoleItem role="OPTNVAR"/>
         <RoleItem role="OPTCVAR"/>
      </Group>
   </Container>

   <Container option="OPTIONSTAB">
      <Group option="GROUP" open="true">
         <OptionItem option="labelEXAMPLE"/>
      </Group>

      <Group option="GROUPCHECK">
         <OptionItem option="labelCheck"/>
         <OptionItem option="chkEXAMPLE"/>
      </Group>

      <Group option="GROUPCOLOR">
         <OptionItem option="labelCOLOR"/>
         <OptionItem option="colorEXAMPLE"/>
      </Group>

...
   </Container>
</UI>

When you run this code, the Data and Options tabs appear in the interface.

The Data tab displays a selector for the input data source and three roles.

Example of Data tab in the task interface

The Options tab contains several groups. The previous code creates the Groups, Check Boxes, and Color Selector groups. The first group is expanded by default because the open attribute is set to true. (The sample task template includes code to create the remaining groups on the Options tab.)

Groups, Check Boxes, and Color Selector in the task template