Nested Dropzone Layer Visibility Condition

Hey guys,

Has anyone discovered how to hide Dropzones that are nested within a component? Therefore, hiding the Dropzones that are not currently editable / accessible from the left side layer structure.

Example:
I have a page component, with a couple components inside, and this monstrosity is built, even though none of those Dropzones are editable right now without editing the component itself.

Thanks,

Hi Bruno :waving_hand:

Did you try to nest them inside a div and hide it?

What are you trying to achieve, can you show a screenshot of the design?

Hi Agustin,

Yes. I’ve tried hiding the parent container and the actual dropzone. The only thing that changes is that when the condition is met, the dropdown icon to show its content appears. The dropzone itself is always present.

Here’s a screenshot. As you can see, just with Page → View → Section components, the layers are huge. Based on the actual layer structure I would aim for these to be around 4.

Thanks for the reply