HTMLパーツの記述例

Cosminexus V9　ナビゲーションプラットフォームコンテンツ作成ガイド

HTMLパーツの記述例を次に示します。

［属性の設定］画面の［HTMLソース文字列］テキストボックスへの入力例（外部CSSファイルを作成する場合）

<table class="sample">
  <caption class="sample">注文管理表</caption>
  <thead>
    <tr>
      <th class="sample">注文番号</th>
      <th class="sample">注文日</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>

外部CSSファイルの作成例

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;
}

HTMLコンテンツの表示例

参考

データストアプラグイン，または開発者が開発した入出力プラグインを使用すると，ソースコードをHTMLパーツへ出力することもできます。入出力プラグインからの出力については，プラグインの開発者に問い合わせてください。

4.13.10 HTMLパーツの記述例

4.13.10　HTMLパーツの記述例