Define layout in page content / content element

TYPO3 Tipps

If you want to assign a different layout to a content element under Typo3 7.6.xx, i.e. a CSS class recursively, there used to be the "Frame" dropdown element. This no longer exists so that the layout can be used for this. This function is important for web design.

First of all, you should give the layout unique names that the editor can still recognise to some extent even after half a year of Typo3 abstinence.

To do this, we click on the root page and open the page properties. In the tabs there are the resources. There is a Page-TSconfig field. There, according to this pattern

TCEFORM.tt_content {

        layout{

            altLabels{

                0 = Normale Box

                1 = Eindeutiger Name 1

                2 = Eindeutiger Name 2

                3 =  Eindeutiger Name 3

                4 = Eindeutiger Name 4

            }

            removeItems = 6,7,8,9,10

        }

    }

entered. You can of course also outsource the TSConfig and provide it as .ts on the server. Then you have everything centralised. In the constants of the root template

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/TypoScript/constants.ts">

defines the location of the file.

Now you can define the following or similar in the setup, which I also always outsource:

tt_content.stdWrap.innerWrap.cObject = CASE

    tt_content.stdWrap.innerWrap.cObject {

        key.field = layout

        1 = TEXT        

        1.value = <div class="csc-default meineklasse1">|</div>

 

        2 = TEXT

        2.value = <div class="csc-default meineklasse2">|</div>

    

     3 = TEXT

        3.value = <div class="csc-default meineklasse3">|</div>

 

    }

The div now receives a CSS class.

TYPO3 Extension: System / Typoscript
Version: <= 9.xx

Back