Solved
Nesting blocks in Universal Editor – Section > Tabs > Tab > Carousel not working
- April 30, 2025
- 3 replies
- 1103 views
Hi everyone,
I'm trying to create a nested block structure in Universal Editor using the following JSON definition:
{
"definitions": [
{
"title": "Tabs",
"id": "tabs",
"plugins": {
"xwalk": {
"page": {
"resourceType": "core/franklin/components/block/v1/block",
"template": {
"name": "Tabs",
"model": "tabs",
"filter": "tabs"
}
}
}
}
},
{
"title": "Tab",
"id": "tab",
"plugins": {
"xwalk": {
"page": {
"resourceType": "core/franklin/components/block/v1/block/item",
"template": {
"name": "Tab",
"model": "tab",
"filter": "tab"
}
}
}
}
}
],
"models": [],
"filters": [
{
"id": "tabs",
"components": ["tab"]
},
{
"id": "tab",
"components": ["teaser", "carousel"]
}
]
}
My goal is to achieve this structure:
- Section
- Tabs [container]
- Tab [container]
- Carousel (or other blocks like text, title, etc) [component]
However, I'm not getting the option to add components inside the tab block in the editor UI. Is there a limitation with nesting blocks like this in the Universal Editor, or am I missing a configuration detail?