TYPO3 - Backend Layout und Rahmen gemeinsam verwenden

Die meisten Anleitungen setzen das layout oder das section_frame so ein, dass jeweils das andere nicht mehr funktioniert. Das liegt daran, dass bei der Nutzung des layout feldes meistens das TypoScript Objekt

tt_content.stdWrap.innerWrap.cObject

komplett überschrieben wird.

Nicht besonders elegant aber so gehts mit diesem Beispiel Lösungsbeispiel

Quelle: https://www.verkon.de/artikel/typo3-content-element-layout-und-section-frame/ (2016-08)

Mit key.field = layout soll eine Hintergrundfarbe und key.field = section_frame (Einrückung und Rahmen) soll ein Padding gesetzt werden. Per Seiten-TSconfig werden die gewünschten Bedingungen gesetzt. Per Typoscript die Bedingungen in CSS-Styled Content hinzugefügt.

Page TSconfig Rootseite

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
    }
  }
}

Typoscript CSS Styled Content

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
  }
}