データコンテナ配列にパレットの定義の方法

パレットは、レコードを編集するのに必要なフォームのフィールドのグループです。通常、パレットはテーブルのすべてではなく、特定のモジュールやコンテント要素に属する列を含めます。パレットはユーザーの権限や要素の種類に依存して動的に変更でき、(サブパレットと呼ばれる)フォームのある一部をAjaxを介して対話的に読み込めます。

グループの定義

パレットは、セミコロン(;)またはコンマ(,)で連結したフィールド名の文字列です。コンマはフィールド名を単に区切るために使用する一方、セミコロンは展開と折り畳みができる新しいフィールドセットの開始を示します。

パレトを使用してフォームの入力欄をグループ化する方法

以下のコードで上記の例を定義しています(訳注: 次のコードは物理的に1行です):

{title_legend},headline,alias,author;{date_legend},date,time;{teaser_legend:hide},subheadline,teaser

title_legend と date_legendといったプレースホルダーは、TL_LANG配列から対応するラベルに置き換えらます。

$GLOBALS['TL_LANG']['tl_news']['title_legend'] = 'Title and author';
$GLOBALS['TL_LANG']['tl_news']['date_legend']  = 'Date and time';

フィールドの配置

Contaoのバックエンドは単純な2列のグリッドシステムを使用して、グループ内に入力フィールドを配置します。データコンテナ配列の評価のセクションで、tl_classに以下のCSSのクラスを適用できます。(例: 'tl_class'=>'w50 wizard')

tl_class 説明
w50 フィールドの幅を50%にしてフロート(float: left)にします。
clr すべてのfloatをクリアします。
wizard 入力フィールドを短くして、ウィザードのボタンに十分な場所を用意します。(例: 日付ピッカーのフィールドなど)
long テキスト入力フィールドを2列の長さにします。
m12 要素に12ピクセルのトップマージンを追加します。(単一のチェックボックスで使用)
先頭に戻る