Lösung
In diesem Beispiel soll per Selectfeld layout eine Hintergrundfarbe und per Selectfeld section_frame (Einrückung und Rahmen) ein Padding gesetzt werden. Natürlich kann man weitere Kombinationen konfigurieren. Zum beispiel Kacheln, Gids usw..
Per Seiten-TSconfig werden die gewünschten Bedingungen gesetzt. Per Typoscript die Bedingungen in CSS-Styled Content hinzugefügt.
TCEFORM {
tt_content {
layout {
removeItems =
altLabels {
0 = Normal
1 = Background: Blau
2 = Background: Orange
3 = Background: Grün
}
addItems {
4 = Background: Grau
}
}
section_frame {
removeItems = 1,5,6,10,11,12,21,20
altLabels.0 = Content Element: Standard (ohne Padding)
altLabels.66 = Content Element: Kein Container
addItems.31 = Content Element: Mit Padding
}
}
}
Page TSconfig Rootseite
tt_content.stdWrap {
innerWrap.cObject {
default {
20 {
10.value = contentElement contentElement-noPadding
15 = CASE
15 {
key.field = layout
default = TEXT
default {
value =
insertData = 1
}
1 < .default
1.value = color-{field:layout}
2 < .1
3 < .1
4 < .1
5 < .1
}
}
}
31 = < tt_content.stdWrap.innerWrap.cObject.default
31.20.10.value = contentElement contentElement-padding
}
}
Typoscript CSS Styled Content
Viel Spaß mit den Kombinationsmöglichkeiten.