# Show nested blocks in layout field in Panel

**URL:** https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916
**Category:** Questions
**Tags:** v3
**Created:** [November 11, 2021, 1:30pm UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916 "2021-11-11T13:30:01Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Kevin\_Vennitti](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/kevin_vennitti/32/11155_2.png) [@Kevin\_Vennitti](https://forum.getkirby.com/u/Kevin_Vennitti)
#### Post date: [November 11, 2021, 1:30pm UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916/1 "2021-11-11T13:30:01Z")

</div>

Hi everyone! 👋

**I am building a Kirby plugin, working like the Gridder from [laytheme.com](http://laytheme.com):**  
 **→ 12-columns grid to place “group of blocks” freely on this 12-cols grid for complex web layouts.**

I already have my proof of concept (vanilla JS + HTML structure), and I am getting into Kirby custom block plugin and Vue components.

My (simplified) blueprint of the custom block is:

```yaml
name: Layout Grid
icon: grid
fields:
  layoutgridstructure:
    type: structure
    fields:
      layoutgridblocks:
        type: blocks

```

But I can’t find how to render these editable `layoutgridblocks` blocks (looping `layoutgridstructure` ) in the Panel view with Vue…

I tried some dirty things with undocumented `<k-block-layout>`, `<k-block>`,`<k-structure-field>` but nothing convicing yet…

```html
<div v-for="structure in layoutgridstructure">
  <k-blocks
    name="structure.layoutgridblocks"
    :value="structure.layoutgridblocks"
    :endpoints="???"
    :fieldsets="???"
    group="layout"
  />
</div>

```

The real problem here is to understand what `endpoints` and `fieldsets` are for (no documentation found), and how to get them/pass them to `<k-blocks>`

Any idea?

---

<div class="post-metadata">

### Author: ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)
#### Post date: [November 11, 2021, 2:29pm UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916/2 "2021-11-11T14:29:42Z")

</div>

> [@Kevin\_Vennitti](#):
>
> ```auto
> :endpoints="???"
> :fieldsets="???"
> 
> ```

If you define them as props, they are automatically available to be passed to the component.

---

<div class="post-metadata">

### Author: ![Kevin\_Vennitti](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/kevin_vennitti/32/11155_2.png) [@Kevin\_Vennitti](https://forum.getkirby.com/u/Kevin_Vennitti)
#### Post date: [November 11, 2021, 3:01pm UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916/3 "2021-11-11T15:01:22Z")

</div>

Thanks 🙂 How are these two Object formatted? Is there any example somewhere?

---

<div class="post-metadata">

### Author: ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)
#### Post date: [November 14, 2021, 2:09pm UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916/4 "2021-11-14T14:09:16Z")

</div>

> [@Kevin\_Vennitti](#):
>
> How are these two Object formatted?

No, I couldn’t find anything. I think your best bet is to inspect the object in your browser console.

---

<div class="post-metadata">

### Author: ![Kevin\_Vennitti](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/kevin_vennitti/32/11155_2.png) [@Kevin\_Vennitti](https://forum.getkirby.com/u/Kevin_Vennitti)
#### Post date: [November 15, 2021, 8:20am UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916/5 "2021-11-15T08:20:31Z")

</div>

Thanks, I will try to compile Kirby with some additional console.log() everywhere then 😅

I will keep this topic updated if I found something!

---

<div class="post-metadata">

### Author: ![norabrowndesign](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/norabrowndesign/32/15240_2.png) [@norabrowndesign](https://forum.getkirby.com/u/norabrowndesign)
#### Post date: [February 7, 2025, 6:51pm UTC](https://forum.getkirby.com/t/show-nested-blocks-in-layout-field-in-panel/23916/6 "2025-02-07T18:51:42Z")

</div>

@Kevin_Vennitti Did you ever land on a solution for this? I have also created a custom block, which itself has a blocks field. I have the preview working for other fields in the custom block, but can’t sort out how to preview the blocks field in the panel. I also thought `k-blocks` looked promising, but not sure how to use it.