Skip to content

HCMS: Configure Dynamic Zone and Object field to be expanded by default #4109

@ma-schmidt-de

Description

@ma-schmidt-de

Is your feature request related to a problem? Please describe.

In our customer project, we see the requirement to always render a dynamic zone open with it's content. Right now, every time a DZ is rendered, it is collapsed and editors always have to spend an additional click to open it and see the inner content.

Describe the feature's behavior.

To improve editor UX, it would be best to configure a DZ or an object (accordion renderer) to always be expanded when rendered initially.

  • The AccordionItem react component used in dynamicZoneRenderer.tsx does indeed support an open property which I expect does open the accordion item by default
  • I'd say, there are only two things we need to do:
    • Extend the CmsModelFieldSettings by an open?: boolean attribute or use it's definition [key: string]: any to support the new open configuration.
    • Pass the value of the open configuration to the open property of the AccordionItem in the dynamic zone renderer and the object renderers (single & multiple). Something like:
<AccordionItem
  title={title}
  description={description}
  className={className || defaultClassName}
  open={field.settings?.open || false}
  >
    {children}
</AccordionItem>

Describe alternatives you've considered.

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions