Styling layout settings in the panel

1

Is it possible to access block layout settings in the panel ? I have a row background color, I want to apply to the panel view.

2

Yes, but you have to overwrite the Vue templates.

3

Do I create a folder called layouts inside snippets? There is no folder inside kirby > config for layouts?

4

For the Panel, you have to create a Vue template, not a snippet. The original component can be found in /kirby/panel/src/components/Layouter/Layout.vue.

5

thanks, so the layout is here: kirby/Layouts.vue at master · getkirby/kirby · GitHub

but how do I overwrite? or do you mean I have to edit the core?

6

Oh no!

Haven’t done it yet, but I’d say like other components:

panel.plugin('demo/plugin', {

  components: {
    'somecomponent': {
      props: {
      },
      template: '<p>Whatever</p>'
    }
  }
});
7

Gareth did you have any luck with this? I have the same issue, an option to set a background colour for a layout row, which I want to reflect in the panel