Example Code of a List Applet Template

The following is example code of a list applet template:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<div od-type="form">
 ...
<div od-type="list">
<!-- List Header Section Start>
   <div od-type="control" id="147">
     <td class="Header" align="center">
     <div od-property="DisplayName"/>
     </td>
   <!--od section control close-->
   </div>
   <div od-type="select-row">
     <td width="42" align="center" class="Header">&nbsp;
     </td>
   <!--od section select-row close-->
   </div>
<div od-prefix od-id=[501:20] od-iterator="currentId">
   <div od-type="control" id="od-attr-currentId">
     <td align="od-context-TextAlignment" class="Header">
     <div od-property="ListHeader"/>
     </td>
   <!--od section control close-->
   </div>
<!--od section iterator–>
</div>
   <div od-type="control" id="142">
     <td class="Header" align="center">
     <div od-property="DisplayName"/>
     </td>
   <!--od section control close-->
   </div>
<!-- List Header Section End>
<!------------ Loop for all 7 records, List Body ------------->
<div od-iterator="row" od-id="[0:7]">
<tr class="od-context-RowStyle">
   <div od-type="control" id="147">
     <td width="42" align="center" class="Row">
     <div od-property="FormattedHtml" hintMapType="Control"/>
     </td>
   <!--od section control close-->
   </div>
 <div od-type="select-row">
    <td width="42" align="center" class="Row">
    <div od-property="FormattedHtml"/>
    </td>
<!--od section select-row close-->
</div>
 <!-- ---------- List Field Values (501-520) ------------->
  <div od-prefix od-id=[501:40] od-iterator="currentId">
    <div od-type="control" od-id="od-attr-currentId">
     <td align="od-context-TextAlignment" class="Row">
     <div od-property="FormattedHtml"> 
     hintText="Field"/>
     </td>
   <!--od section control close--> 
   </div>
  <!--od section iterator close-->
</div>
   <!-- ---------- Per-record Control Buttons ------------->
     <div od-type="control" id="142">
     <td align="center" class="Row">
     <div od-property="FormattedHtml" hintMapType="Control"/>
     </td>
   <!--od section control close-->
   </div>
   </tr>
   <!--od section iterator close-->
   </div>
   <!-- ---------- End Loop, List Body ------------->
  <!--od section list close-->
   </div>
...
   <!--od section form close-->
   </div>
  </table>