Configuring Siebel Business Applications > About Siebel Web Templates and Siebel Tags > About Applet Web Templates >

About List Applet Templates

This topic describes the list applet template. For more information, see Options to Control How the User Creates, Edits, Queries, and Deletes CRM Data.

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>

Tags That a List Applet Template Includes

This topic describes some of the tags included in a list applet template.

OD Tag That Encloses an Editable Section

The <div od-type="form"> tag encloses an editable section. You use it for an editable list applet.

OD Tag That Encloses the List Header and Body

The <div od-type="list"> tag encloses the section of the template that contains the list header and body. Siebel CRM replaces the section between the start and end of the <div od-type="list"> tags with the specialized list control that supports some capabilities, such as resizing columns. For more information, see Caution About Using Specialized Classes.

OD Tag That Defines a Placeholder for a List Column

The <div od-type="control"> tag defines a placeholder for a list column. It includes the Property attribute that specifies the property of the control to display. This attribute includes the following values that are relevant for a list applet:

• FormattedHTML. Configures Siebel CRM to display the data value of the control.
• DisplayName. Corresponds to the Caption property.

You can use some properties of a list column to control the attributes of an HTML element that the <div od-type="control"> tag contains. For example, you can use the following code to set the align attribute of a TD tag to equal the Text Alignment property of the enclosing list column:

<td align="od-context-TextAlignment">

OD Tag That Repeats for Each List Row

The <div od-iterator="row"> tag encloses the section of the template that Siebel CRM repeats for each list row.