DCA => Selectfelder mit Bild

[kai.olischar]

Hallo zusammen

ich bin gerade dabei, die DCA zu erweitern.
Dabei wollte ich ein Selectmenü erstellen. Soweit, so gut.
Gibt es hier eine Möglichkeit, jeder Select-Option ein Bild mitzugeben, welches im Backend ausgegeben wird?

Gruss Kai

[07alex07]

hast du es mal über die Referenz-Option versucht?

Grüße Alex

[Andreas]

IMGs sind in SELECTs und OPTIONs nicht erlaubt. Wenn, dann kannst du das über CSS probieren. Wobei es dann noch darauf ankommt, ob dein SELECT mit choosen, oder stylect angepasst wird. Dann müsstest du auch noch mit JS ran, um dem aktuell ausgewählten OPTION auch noch das Hintergrundbild zu verpassen. Oder du nimmst Radios statt SELECT, so wie in der Zeile- und Spaltenauswahl im Layout.

[kai.olischar]

Habe mir mal radioTable angesehen.

$GLOBALS['TL_DCA']['tl_my_slide']['fields']['caption_background'] = array
(
'label' => &$GLOBALS['TL_LANG']['tl_my_slide']['caption_background'],
'inputType' => 'radioTable',
'options' => array('wert1','wert2','wert3','wert4','wert5','wer t6','wert7','wert8','wert9','wert10','wert11'),
'eval' => array('tl_class'=>'clr'),
'sql' => "varchar(255) NOT NULL default ''"
);

Dazu dann in der Lang:

$GLOBALS['TL_LANG']['tl_my_slide']['wert1'] = 'Black - #000000';
$GLOBALS['TL_LANG']['tl_my_slide']['wert2'] = 'Gray - #878787';
$GLOBALS['TL_LANG']['tl_my_slide']['wert3'] = 'Japonica - #D8866E';
$GLOBALS['TL_LANG']['tl_my_slide']['wert4'] = 'Malta - #BBB09D';
$GLOBALS['TL_LANG']['tl_my_slide']['wert5'] = 'Old Gold - #CFAA3F';
$GLOBALS['TL_LANG']['tl_my_slide']['wert6'] = 'Dingley - #6B7F4C';
$GLOBALS['TL_LANG']['tl_my_slide']['wert7'] = 'Olivine - #98B17A';
$GLOBALS['TL_LANG']['tl_my_slide']['wert8'] = 'Lochmara - #016DB7';
$GLOBALS['TL_LANG']['tl_my_slide']['wert9'] = 'Polo Blue - #85ACCB';
$GLOBALS['TL_LANG']['tl_my_slide']['wert10'] = 'Stiletto - #AB3B47';
$GLOBALS['TL_LANG']['tl_my_slide']['wert11'] = 'Cosmic - #894171';

Leider werden nur die Radio Buttons ausgeben. Gerne würde ich hier anstatt der Beschreibungen jeweils ein Bild ausgeben.

Kann mir dies einer erklären?

Vielen Dank im Voraus.

Gruss Kai

[Andreas]

Du kannst PHP-Code hier auch als PHP auszeichnen, dann kann man es besser lesen.

In den Sprachbausteinen musst du tl_my_slide gegen MSC tauschen.

Du brauchst entweder Bilder wert1.gif, wert2.gif usw. (24 x 24px) in deinem Theme, zB. system/themes/default/images/wert1.gif,

oder du legst der Erweiterung ein CSS bei mit

if(TL_MODE == 'BE')
{
  $GLOBALS['TL_CSS'] = 'system/modules/my_slide/assets/style.css|static';
} 

system/modules/my_slide/assets/style.css

#ctrl_caption_background label {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
#ctrl_caption_background label[for$="_0"] {
  background-color: #000;
}
#ctrl_caption_background label[for$="_1"] {
  background-color: #878787;
} 

[kai.olischar]

Top

vielen herzlichen Dank für die Anleitung.
Habe es nun über eine CSS gelöst.
Werde bei Gelegenheit auch noch die MSC mit den hinterlegten Bildern ausprobieren.
Vielen herzlichen Dank

[Andreas]

Ja, mit CSS hat den Vorteil, dass du das Theme wechseln kannst. Und wenn sich eine Farbe ändert brauchst du nur die CSS zu ändern und kein neues Bild zu erstellen.

Edit: Vergessen: Die Sprachbausteine mit MSC solltest du auf jeden Fall aufsetzen, da diese Werte ins HTML geholt werden. Die radioTable für das Floating in CEs Typ Bild sind auch so gemacht. Die Sprachbausteine der radioTables für die Zeilen und Spalten im Layout sind etwas anders, weil da dieser Hilfewizzard verwendet wird.