<?xml version="1.0" encoding="ISO-8859-1"?><page xmlns:ft="http://apache.org/cocoon/forms/1.0#template" xmlns:fi="http://apache.org/cocoon/forms/1.0#instance" xmlns:jx="http://apache.org/cocoon/templates/jx/1.0">
  <h4 class="samplesGroup">Aggregate widget</h4>
  <title>Aggregate Field: Combine</title>
  <content>
    <p>
      On this form, you can enter phone and date, each as one field.
    </p>
    <ft:form-template action="885d645d5f63312f6e5410533150536176670d65.continue" method="POST">
      <table align="center">
        <tr>
          <th style="border-bottom: solid 1px black;">Explanation</th>
          <th style="border-bottom: solid 1px black;">Form</th>
          <th style="border-bottom: solid 1px black;">Data Model</th>
        </tr>
        <tr>
          <td>
            <p>
              When you click submit, following happens:
              <ul>
                <li>Input values are validated</li>
                <li>Input values are split onto parts</li>
                <li>Each part value is validated</li>
                <li>Each part value saved into the backend data model</li>
              </ul>
            </p>
            <p>
              Switch to another aggregation example:
            </p>
            <ft:widget id="switch"/>
          </td>
          <td>
            <fi:group>
              <fi:styling layout="columns"/>
              <fi:items>
                <ft:widget id="phone"/>
                <ft:widget id="date"/>
              </fi:items>
            </fi:group>
            <input type="submit" value="Submit"/>
          </td>
          <td>
            <table cellpadding="3">
              <tr>
                <td>Phone, part 1</td><th/>
              </tr>
              <tr>
                <td>Phone, part 2</td><th/>
              </tr>
              <tr>
                <td>Phone, part 3</td><th/>
              </tr>
              <tr>
                <td>Phone, part 4</td><th/>
              </tr>
              <tr>
                <td>Date, Day</td><th/>
              </tr>
              <tr>
                <td>Date, Month</td><th/>
              </tr>
              <tr>
                <td>Date, Year</td><th/>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </ft:form-template>
    <p>
      <a href="../">Back to Forms samples</a>
    </p>
  </content>
</page>