AEM6.5 issue with annotations. | Community
Skip to main content
tushaar_srivastava
October 12, 2020
Solved

AEM6.5 issue with annotations.

  • October 12, 2020
  • 1 reply
  • 1514 views

Hi Team,

it is continuation of https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/annotations-when-editing-a-page-is-not-working-aem6-5/qaq-p/380045/comment-id/80655#M80655


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-annotations/qaq-p/299954
  2. https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-annotations-cq-placeholder-issue/m-p/217644
  3. https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/annotation-not-working-on-pages-without-layout-container/qaq-p/376159

 

 

 

@kautuk_sahni  @veenavikraman  @arunpatidar  @vijayalakshmi_s  @vanegi 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by arunpatidar

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

 

 

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
October 14, 2020

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

 

 

Arun Patidar
tushaar_srivastava
October 14, 2020
Thank you Arun It worked. 🙂