AEM6.5 issue with annotations.

[tushaar_srivastava]

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 : 

1. https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/cq-placeholder-issue-with-...
2. https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-annotations-cq-placeho...
3. https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/annotation-not-working-on-...

@kautuk_sahni  @VeenaVikraman  @arunpatidar  @Vijayalakshmi_S  @vanegi 

[arunpatidar · Accepted solution]

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;
}

[tushaar_srivastava]

Thank you Arun It worked. 🙂