Custom blocks in the Panel look different to default blocks

[Mark_E]

I intend to use a combination of default and custom blocks in the Panel. I’ve created a custom ‘quote block’ based on the default quote block – just two fields. But in the Panel custom blocks look very different to default blocks. Why is this and is it possible to make the custom blocks look more like default blocks?

A screenshot of my custom quote block above the default block

name: Quote block
icon: quote
preview: fields
wysiwyg: true
fields:
	quote:
		type: writer
	credit:
		type: text

[texnixe]

If you use preview: fields you get this “form-like” preview. You will have to create a custom preview for the custom block if you don’t want this, see documentation on creating custom blocks with preview.

[Mark_E]

Hi, I think this then connects to and answers this question

Custom block and 'preview'

On the Custom Block page it says: Field preview You can set the preview property to fields to allow inline editing of all defined fields without opening the drawer But then on this page text | Kirby CMS preview is set to ‘text’ name: field.blocks.text.name icon: text wysiwyg: true preview: text fields: text: type: writer nodes: false placeholder: field.blocks.text.placeholder So I’m confused what preview does and where to set it to allow inline editing of the fields withou…

So if preview is set to fields it looks like input fields. But it is possible to create a custom preview and then set preview to the name of the custom preview?

[texnixe]

See Custom block examples | Kirby CMS

[Mark_E]

Thanks