I am building a Kirby plugin, working like the Gridder from 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:
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-structure-field> but nothing convicing yet…
<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
fieldsets are for (no documentation found), and how to get them/pass them to