Contao Open Source CMS > Verstehen > Entwicklerhandbuch > Data Container Arrays > Wie man Paletten in einem Data Container Array definiert

Wie man Paletten in einem Data Container Array definiert

Eine Palette besteht aus mehreren Formularfeldern, die zur Bearbeitung eines Datensatzes benötigt werden. Dabei sind meistens nicht alle Spalten einer Tabelle enthalten, sondern nur die, die zu einem bestimmten Modul oder Element gehören. Paletten können sich je nach Benutzerrechten oder Elementtyp dynamisch ändern und Teile des Formulars (Subpaletten) können interaktiv per Ajax nachgeladen werden.

Gruppen definieren

Eine Palette ist eine Reihung mehrerer Feldnamen, die durch einen Strichpunkt (;) oder ein Komma (,) verbunden sind. Während das Komma nur zur Abgrenzung der Feldnamen verwendet wird, markiert der Strichpunkt den Beginn einer neuen Gruppe, die aus- und eingeklappt werden kann.

Wie man Formularfelder mittels Paletten gruppiert

Das obige Beispiel wird durch folgenden Code definiert:

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

Die Platzhalter title_legend und date_legend werden durch die entsprechenden Übersetzungen im TL_LANG-Array ersetzt.

$GLOBALS['TL_LANG']['tl_news']['title_legend'] = 'Titel und Autor';
$GLOBALS['TL_LANG']['tl_news']['date_legend']  = 'Datum und Uhrzeit';

Felder ausrichten

Das Contao-Backend verwendet ein 2-spaltiges Grid-System, um Formularfelder innerhalb ihrer Gruppen auszurichten. Folgende CSS-Klassen können in der eval-Sektion des Data Container Arrays als tl_class vergeben werden (z.B. 'tl_class'=>'w50 wizard'):

tl_classBeschreibung
w50Setzt die Feldbreite auf 50% und floatet das Element (float:left).
clrHebt alle Floats auf.
wizardVerkürzt das Eingabefeld, damit genug Platz für den Wizard (z.B. Date Picker) ist.
longLässt das Eingabefeld zwei Spalten umspannen.
m12Fügt dem Element einen oberen Abstand von 12 Pixeln hinzu (z.B. für einzelne Checkboxen).

Einen Kommentar hinzufügen