2.4/samples/showcase/src/com/google/gwt/sample/showcase/client/content/cell/ContactInfoForm.ui.xml

<!DOCTYPE ui:UiBinder SYSTEM 'http://dl.google.com/gwt/DTD/xhtml.ent'>
<ui:UiBinder
  xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:g='urn:import:com.google.gwt.user.client.ui'
  xmlns:d='urn:import:com.google.gwt.user.datepicker.client'
  ui:generateFormat='com.google.gwt.i18n.rebind.format.PropertiesFormat'
  ui:generateLocales='default'>

  <ui:style>
    .header {
      font-size: 110%;
      font-weight: bold;
      color: #555
    }
    
    .label {
      font-weight: bold;
    }
  </ui:style>

  <g:DecoratorPanel>
    <g:HTMLPanel>
      <table>
        <tr>
          <td
            colspan='2'
            align='center'
            class='{style.header}'>
            <ui:msg
              key='contactInfoFormTitle'>Contact Info</ui:msg>
          </td>
        </tr>
        <tr>
          <td
            class='{style.label}'>
            <ui:msg
              key='contactInfoFormFirstName'>First Name:</ui:msg>
          </td>
          <td>
            <g:TextBox
              ui:field='firstNameBox' />
          </td>
        </tr>
        <tr>
          <td
            class='{style.label}'>
            <ui:msg
              key='contactInfoFormLastName'>Last Name:</ui:msg>
          </td>
          <td>
            <g:TextBox
              ui:field='lastNameBox' />
          </td>
        </tr>
        <tr>
          <td
            class='{style.label}'>
            <ui:msg
              key='contactInfoFormCategory'>Category:</ui:msg>
          </td>
          <td>
            <g:ListBox
              ui:field='categoryBox' />
          </td>
        </tr>
        <tr>
          <td
            class='{style.label}'>
            <ui:msg
              key='contactInfoFormBirthday'>Birthday:</ui:msg>
          </td>
          <td>
            <d:DateBox
              ui:field='birthdayBox' />
          </td>
        </tr>
        <tr>
          <td
            class='{style.label}'>
            <ui:msg
              key='contactInfoFormAddress'>Address:</ui:msg>
          </td>
          <td>
            <g:TextArea
              ui:field='addressBox' />
          </td>
        </tr>
        <tr>
          <td
            colspan='2'
            align='center'>
            <g:Button
              ui:field='updateButton'>
              <ui:msg
                key='contactInfoFormUpdateButton'>Update Contact</ui:msg>
            </g:Button>
              &nbsp;
            <g:Button
              ui:field='createButton'>
              <ui:msg
                key='contactInfoFormCreateButton'>Create Contact</ui:msg>
            </g:Button>
          </td>
        </tr>
      </table>
    </g:HTMLPanel>
  </g:DecoratorPanel>
</ui:UiBinder>