Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.

key-value not applied in child block (Universal Editor)

Avatar

Level 1

I'm developing a component for AEM Franklin / EDS Universal Editor, and I have a block model with a parent block and a child block, both configured with "key-value": true.

  • Parent block: carousel-test

  • Child block: carousel-item-test

Here’s a simplified version of my JSON model:

{
  "definitions": [
    {
      "title": "Carousel Test",
      "id": "carousel-test",
      "plugins": {
        "xwalk": {
          "page": {
            "template": {
              "name": "Carousel Test",
              "model": "carousel-test",
              "filter": "carousel-test",
              "key-value": true
            }
          }
        }
      }
    },
    {
      "title": "Carousel Item Test",
      "id": "carousel-item-test",
      "plugins": {
        "xwalk": {
          "page": {
            "template": {
              "name": "Carousel Item Test",
              "model": "carousel-item-test",
              "key-value": true
            }
          }
        }
      }
    }
  ]
}

 

When I insert the parent block (carousel-test), the key-value behavior works correctly — the block is rendered in a key/value format like this:

<div class="carousel-test block" data-block-name="carousel-test" data-block-status="loaded">
  <div>
    <div><p>carouselType</p></div>
    <div><p>categories-2</p></div>
  </div>
</div>

 
However, when I add child items (carousel-item-test) inside the same block, the key-value setting doesn’t seem to apply.
Instead of generating the expected two-column key/value structure, the child block only outputs the value (e.g., a single <p> element).

Any help or guidance would be greatly appreciated.

0 Replies