Zum Inhalt springen

image_frames für tt_content.textpic.20 wiederbeleben

Erstellt am 12. Januar 2013 · 2 Antworten · letzte Antwort am 15. Januar 2013

Tags: Inhaltselemente, Bilder, Frage

wini2 ·

hallo,

ich bin auf der suche nach einer möglichkeit, um so etwas wie die alten image_frames einzusetzen; genauer: ich würde gerne dem bild eine zusätzlich css-klasse verpassen.

leider funktioniert die ext cron_csc_imgframes auch nicht mehr, da sie sich auf content (default) bezieht.

das dropdown für die rahmen habe ich mit TCEFORM.tt_content.image_frames.disabled = 0 wieder eingeblendet. ein dort gewählter wert wird auch brav in der tt_content abgespeichert.

wie schaffe ich es nun eine zusätzliche klasse in das figure-tag zu bekommen

tt_content.image.20.layout = CASE
tt_content.image.20.layout {
  key.field = imageorient
  
  # default - above-center, 1-above-right, 2-above-left, 8-above-left,
  # 9-below-right, 10-below-left, 17-intext-right, 18-intext-left, 25-intext-right-nowrap, 26-intext-left-nowrap
  
  default.value = <div class="csc-textpic csc-textpic-center csc-textpic-above###CLASSES### image_frame-{field:image_frames}">###IMAGES######TEXT###</div>
  default.insertData = 1
  1.value = <div class="csc-textpic csc-textpic-right csc-textpic-above###CLASSES### image_frame-{field:image_frames}">###IMAGES######TEXT###</div>
  1.insertData = 1
  2.value = <div class="csc-textpic csc-textpic-left csc-textpic-above###CLASSES### image_frame-{field:image_frames}">###IMAGES######TEXT###</div>
  2.insertData = 1
#usw.
}

schreibt ja augenscheinlich die klasse in das div des gesamten elements.

vielen dank für eure hilfe

toifel ·

Noch nie probiert, aber evtl. musst Du zuerst noch für tt_content.image.20.rendering ein CASE in Relation zum imageorient anlegen. Im .rendering wird zumindest der Wrap generiert - kann man sich gut im TS der css_styled_content abschauen.

wini2 ·

hallo toifel,

danke für den tipp, es geht aber auch einfacher. über addClassesImage kann man dem figure-tag zusätzliche klassen verpassen (s. u. a. maunal der css_styled_content und http://typo3.org/news/article/css-styled-imgtext-part4/).

nicht vergessen: vorher alten wert löschen und insertData, damit auch der wert aus der datenbank eingesetzt wird.

gilt analog auch für die anderen tags, die die formatierung bestimmen, z. b. tt_content_image.20.imageStdWrap.dataWrap, tt_content_image.20.imageStdWrapNoWidth.wrap