Grouping Wagtail CMS streamfield fields?

Question

First of all, I wish everyone a good day.

I want to group blocks that I created with StreamField.

I am attaching an example video and image below.

New image

https://youtu.be/VMfxVCGarf4

Thank you for your help, best regards.

What do I want to do?

• All component list

  • Sub column (Component #1)
  • Sub column (Component #2)
  • Sub column (Component #3)

• All html blocks

  • Sub column (HTML block #1)
  • Sub column (Component #2)
  • Sub column (Component #3)

Answer 1

Maybe the group option on the block definition is what you're looking for?

body = StreamField([
    ('title', CharBlock(group='text blocks')),
    ('paragraph', RichTextBlock(group='text blocks')),
    ('image', ImageChooserBlock(group='media blocks')),
    ('video', EmbedBlock(group='media blocks')),
])