Adobe Experience Manager Sites & More

tushaar_srivastava · 10/12/20

Hi Team,

it is continuation of https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/annotations-when-editing-a...

I am not able to add annotation.
I got to know that there is some issue with AEM Annotations with cq-placeholder.

So if I remove class="cq-placeholder" then I am able to add annotation, but if I remove class="cq-placeholder" will not able to see placeholder in author edit mode.

How to get the placeholder in edit mode without class="cq-placeholder".

<c:choose>
    <c:when test="${authoringMode eq 'TOUCH'}">
        <div data-emptytext="${placeholdername}" class="cq-placeholder"></div>
    </c:when>
    <c:otherwise>
        <img src="/libs/cq/ui/resources/0.gif" class="cq-carousel-placeholder" alt="${placeholdername}"
             title="${placeholdername}" height="74" width="74"/>
    </c:otherwise>
</c:choose>

Reference Links :

@kautuk_sahni @VeenaVikraman @arunpatidar @Vijayalakshmi_S @vanegi

arunpatidar · 10/14/20

The annotation are not visible for the empty(placeholder) component because of below rules in css

http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/sites/page.min.css

.cq-Overlay.cq-Overlay--annotate.cq-Overlay--placeholder{
display:none;
}

Just add below rule in your custom cq.authoring.dialog css to see annotation for placeholder

.cq-Overlay.cq-Overlay--annotate.cq-Overlay--placeholder{
display:block;
}