search

adobe / aem-core-wcm-components

Standardized components to build websites with AEM.
https://docs.adobe.com/content/help/en/experience-manager-core-components/using/introduction.html
Apache License 2.0
740 stars 747 forks source link

[Content Fragment] Parsys drop zones are disabled when using data-sly-resource #1082

Open marvinpjr opened 4 years ago

marvinpjr commented 4 years ago

I posted this question here: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-make-parsys-containers-available-in-content-fragment/qaq-p/368139/comment-id/76641#M76641, and it was recommended I ask my question here. I am trying to include the Content Fragment Component on a page using data-sly-resource like this:

< sly data-sly-resource ="${'./contentfragment' @ resourceType='mysite/components/content/contentfragment'}" />

In the page editor, it is included and the in between parsys drop zones are visible, but they are disabled and other components cannot be added to them. See this screenshot https://experienceleaguecommunities.adobe.com/t5/image/serverpage/image-id/25012iF56684873B04EC5A/image-size/large?v=1.0&px=999.

Is there a solution to make the "drag components here" zone accept components being dragged from the component drawer?

marvinpjr commented 4 years ago

This appears to be resolved in Chrome by removing a couple of lines from core.css that look like this:

.cq-Overlay > .cq-Overlay > .cq-Overlay { z-index: 174; }

But I don't know what might get broken by that change. Suggestions for work around?

abukhan commented 4 years ago

I posted this question here: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-make-parsys-containers-available-in-content-fragment/qaq-p/368139/comment-id/76641#M76641, and it was recommended I ask my question here. I am trying to include the Content Fragment Component on a page using data-sly-resource like this:

< sly data-sly-resource ="${'./contentfragment' @ resourceType='mysite/components/content/contentfragment'}" />

In the page editor, it is included and the in between parsys drop zones are visible, but they are disabled and other components cannot be added to them. See this screenshot https://experienceleaguecommunities.adobe.com/t5/image/serverpage/image-id/25012iF56684873B04EC5A/image-size/large?v=1.0&px=999.

Is there a solution to make the "drag components here" zone accept components being dragged from the component drawer?

Try the below code in a component, works for me .

<sly data-sly-resource="${'cfembed' @resourceType='full path of component in apps' , decorationTagName='div'}"><sly>

"cfembed" any name of the node where the component unwraps