Working with building blocks - nested container
Hi
Context:
We're recently implemented building blocks functionality in our project. We have a custom layout container component which we use as base to drag/drop components. But this custom component was not supporting the drag/drop of building block in it.
Yes, we've made sure to set policy for the layout container to include building block, but still it didn't work out. So we used WKND package, and created an overlay of 'core/wcm/components/container/v1/container' and create a new XF template around it. And we were able to achieve it.
Problem:
We are trying to using this overlayed container component, in a custom wrapper component (using data-sly-resource). This is causing two issues:
- We're not able to drag/drop building blocks like we used to (if the container is nested, instead of base for the XF)
- We've tried setting policy manually for nested container to include our components, as well as building block component. We're not able to drag/drop any components inside nested container.
Attaching code-snippet of data-sly-resource.
<div class="<my-class> aem-GridColumn">
<sly data-sly-resource="${'container' @ resourceType='<my-project>/components/content/containers/container'}">
</sly>
</div>Any help is appreciated. Thanks, in advance.
