4.13.10 Example of coding an HTML part

This subsection describes an example of coding an HTML part.

Reference note

The Data Store Plugin or an I/O Plugin created by a developer enables you to output source codes to an HTML part. For details about the output from the I/O Plugin, ask the system administrator.

• Example of entering source codes in the HTML source string text box in the Attribute Settings window (when creating an external CSS file)

  <table class="sample">
    <caption class="sample">Order control table</caption>
    <thead>
      <tr>
        <th class="sample">Order number</th>
        <th class="sample">Date of order</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="sample">00001-20101010-00001</td>
        <td class="sample">2010/10/10</td>
      </tr>
      <tr>
        <td class="sample">00001-20101010-00002</td>
        <td class="sample">2010/10/10</td>
      </tr>
    </tbody>
    <tfoot />
  </table>

• Example of creating an external CSS file

  table.sample {
      border:1px solid #777777;
      border-collapse:collapse;
      border-spacing:0;
      background-color:#ffffff;
  }
  caption.sample {
      font-size:14px; font-weight:bold;
  }
  th.sample {
      border-right:1px solid #777777;
      border-bottom:1px solid #777777;
      background-color:#e3e5e7;
      padding:0.3em 1em;
      text-align:center;
  }
  td.sample {
      border-right:1px solid #777777;
      border-bottom:1px solid #777777;
      padding:0.3em 1em;
  }

• Example of the display of HTML content

  

To Page Top