Wagtail: How to render the blocks dynamically on Admin panel?

Question

In wagtail, I need to make a Struct/Stream Block There is a dropdown on the top of the block(Image/Video) If editor choose Image, VideoChooserBlock should be hidden. And if editor choose Video, ImageChooserBlock should be hidden.

class MyBlock(StruckBlock):
   category = ChoiceBlock(choices=(("image", "image"),("video", "video")))
   image = ImageChooserBlock()
   video = videoChooserBlock()

Here, editor should be able to choose only image or video depending on category. Any help is appriciated. Thanks

user_1836264 · Answer

You may find it useful to review the code of wagtail-link-block which does something similar.

Main files to focus on:

blocks.py for displaying fields conditionally based on a ChoiceBlock
static/link_block/link_block.js and static/link_block/link_block.css to handle the DOM manipulation and styling with JavaScript and CSS
wagtail_hooks.py to insert JS and CSS

Wagtail: How to render the blocks dynamically on Admin panel?

1 Answers