Ansehen Inhaltselemente formatieren
Die Optionen aller Eingabefelder im Backend können modifizert (= geändert oder erweitert) werden. Prinzipiell ist die Syntax:
TCEFORM.[tablename].[field] {
# Feld komplett entfernen:
disabled = 1
# Item entfernen
removeItems = 1,2,3
# Item hinzufügen (Achtung: erfordert für das Frontend noch TypoScript im Template!)
addItems.[itemValue] = 100,101
# Umbenennen
altLabels.[item_value] = ein ganz neuer Name
}
Leider gibt es keine Dokumentation, welche Optionen für welches Feld zur Verfügung stehen und wie diese im Frontend ausgegeben werden. Das kann man wohl am einfachsten aus dem Quelltext des Eingabeformulars im Backend entnehmen. Für das Frontend kenne ich im Moment nur die Möglichkeit, es auszutesten bzw im Falle von tt_content das TypoScript von css_styled_content durchzusehen.
Bezeichnungen der Headline-Layouts ändern:
Ins TSconfig der der Seite folgendes eintragen:
TCEFORM.tt_content {
# ausblenden
header_layout.removeItems = 1,4,5,100
# mit anderem Namen versehen
header_layout.altLabels.0 = Ebene 1, H1
header_layout.altLabels.2 = Ebene 2, H2
header_layout.altLabels.3 = Ebene 3, H3
}
Falls H1 nicht genutzt werden soll, muss die Default-Einstellung noch geändert werden, bzw. die Ausgabe für header_layout.altLabels.0. Das geht über folgende Eingabe im Constants-Bereich des TypoScript-Templates:
# Voreinstellunge auf Headline <h3>
content.defaultHeaderType = 3
Rahmenoptionen umbenennen:
TCEFORM.tt_content {
# Rahmenoptionen im Bereich Typ
section_frame {
# neue Labels
altLabels {
10 = Kasten
5 = Linie davor
6 = Linie danach
11 = BoxBlau
12 = BoxGrau
}
# ausblenden
removeItems = 1, 20, 21
}
}
Neue Rahmenoptionen hinzufügen
Das ist etwas aufwändiger, da hierzu auch das TypoScript von tt_content verändert werden muss. Erster Schritt im TSconfig der Seite:
# neuer Rahmen dazu
TCEFORM.tt_content.section_frame {
addItems.100 = Mal ganz anders
}
Danach im TypoScript-Template:
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = section_frame
100 = TEXT
100.value = <div class="mal-ganz-anders">|</div>
}
Danach ganz normal in der CSS-Datei formatieren.