Adds a serialized JSON of the TYPO3 backend layout to the "EXT:headless" extension appearance key
Extension requires TYPO3 in version at least 11.5 and "EXT:headless" ^3.0
Install extension using composer
composer require friendsoftypo3headless/headless-backendlayouts
and then, include TypoScript template, and you are ready to go.
{
...
appearance: {
...
pageContentRows": [
{
"type": "row",
"tag": "header",
"children": [
{
"type": "col",
"name": "Header Content",
"contentColPos": "colPos3",
"colPos": "3",
"colspan": 12,
"tag": null
}
]
},
{
"type": "row",
"tag": null,
"children": [
{
"type": "col",
"name": "Example Content Column",
"contentColPos": "colPos8",
"colPos": "8",
"colspan": 12,
"tag": null
}
]
},
{
"type": "row",
"tag": null,
"children": [
{
"type": "col",
"name": "Example Content Column",
"contentColPos": "",
"colPos": "0",
"colspan": 12,
"tag": null
}
]
},
{
"type": "row",
"tag": "aside",
"children": [
{
"type": "col",
"name": "Example Content Column",
"contentColPos": "colPos9",
"colPos": "9",
"colspan": 12,
"tag": null
}
]
},
{
"type": "row",
"tag": "footer",
"children": [
{
"type": "col",
"name": "Footer Content Left",
"contentColPos": "colPos10",
"colPos": "10",
"colspan": 4,
"tag": null
},
{
"type": "col",
"name": "Footer Content Middle",
"contentColPos": "colPos11",
"colPos": "11",
"colspan": 4,
"tag": null
},
{
"type": "col",
"name": "Footer Content Right",
"contentColPos": "colPos12",
"colPos": "12",
"colspan": 4,
"tag": "div"
}
]
}
]
...
}