拡張HTML

概要¶

項目の詳細設定の「拡張HTML」は、エディタに配置した項目の前後に、任意のHTMLを挿入する機能です。「詳細設定」画面の「拡張HTML」タブで設定します。

「拡張HTML」タブで使われている用語の意味¶

フィールド、ラベル、コントロールという用語の意味と、これらの前後関係は、以下の模式図のとおりです。

/// caption
模式図
///

この模式図はHTMLのDOMツリーの構造を図示しています。 実際の表示位置が模式図の通りになるとは限らないことに注意してください。

設定例¶

1. 以下の設定例では、フィールドCSS機能を利用し、分類Aと分類Bにマージンを設定しています。このようなCSSの調整は、検証用テーブルを別途用意し、実施してください。
2. HTMLの画面構成の仕様上、指定項目に十分な余白がない場合、「拡張HTML」で設定した内容と隣接する項目などとの予想外の重なりが起こり得ます。

「フィールドの前」「フィールドの後」の設定例¶

<div style="clear: both; margin-left: 120px;">フィールドの前</div>

<div style="clear: both; margin-left: 120px;">フィールドの後</div>

/// caption
エディタの表示結果
///

「ラベルの前」「ラベルとコントロールの間」「コントロールの後」の設定例¶

<div style="color:red; padding: 5px;">ラベルの前</div>

<div style="clear:both; padding: 5px;">ラベルとコントロールの間</div>

<div style="color:red; padding: 5px;">コントロールの後</div>

/// caption
エディタでの表示結果
///

前提条件¶

1. 設定を行うには「サイトの管理権限」が必要です。
2. 「拡張HTML」は「現在の設定」リストに表示される項目に対して設定可能です。

操作手順¶

1. 対象のテーブルを開いてください。
2. ナビゲーションメニューの「管理」をクリックしてください。
3. テーブルの管理をクリックしてください。
4. エディタタブをクリックしてください。
5. エディタの設定の「現在の設定」リストから任意の項目を選択し、「詳細設定」ボタンをクリックしてください。
6. 「拡張HTML」タブをクリックしてください。
7. 必要な設定を行い、「変更」ボタンをクリックしてください。
8. コマンドボタンエリアの「更新」ボタンをクリックしてください。

関連情報¶

• テーブル機能：レコードのエディタ画面
• テーブルの管理：項目
• テーブルの管理：エディタ：項目の詳細設定：フィールドCSS
• テーブルの管理
• テーブルの管理：エディタ：エディタの設定