Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

cq:placeholder , issue with annotations.

Avatar

Level 1

Hi,

We are using the following code i our components to display custom empty text message:-

<sly data-sly-test.emptyContent="${wcmmode.edit}">

<div data-emptytext="configure ${component.title}"

class="cq-placeholder"></div>

</sly>

But after using this code, we are not able to annotate the component in annotations mode of AEM author.

AEm version - 6.2 SP1 installed

Has anyone else faced this issue?? 

Thanks,

Amarjot Singh

1 Accepted Solution

Avatar

Correct answer by
Level 10

I also confirmed this - see:

AA1.png

No annotations - with this code"

<p>This is your AEM HTML Template Language component:</p>

<div data-sly-use.heroTextObject="com.foo.service.core.HeroTextComponent" data-sly-test="${heroTextObject}">

       <h1>${heroTextObject.heroTextBean.headingText}</h1>

       <p>${heroTextObject.heroTextBean.description}</p>   

</div>

<sly data-sly-test.emptyContent="${wcmmode.edit}">

<div data-emptytext="configure ${component.title}"

class="cq-placeholder"></div>

</sly>

When i remove the bold code - i get annotations:

AA2.png

This is a bug - please open a support ticket....

View solution in original post

6 Replies

Avatar

Administrator

Duplicate Question:- AEM Annotations cq-placeholder issue

Feike Visser  any help here?

~kautuk



Kautuk Sahni

Avatar

Level 10

Are you getting any error messages or browser errors?

Avatar

Level 10

Also - are you able to use the Annotation mode -- as described here -- https://docs.adobe.com/docs/en/aem/6-1/author/page-authoring/annotations.html#Annotations - Touch-optimized UI

Avatar

Community Advisor

Good Catch amarjots. I was using the same snippet for never actually had a need to use annotation. But now when I tried, I am not able to do the same. My AEM is 6.2 version

Basically the below step is not executable in this

1337223_pastedImage_0.png

Avatar

Correct answer by
Level 10

I also confirmed this - see:

AA1.png

No annotations - with this code"

<p>This is your AEM HTML Template Language component:</p>

<div data-sly-use.heroTextObject="com.foo.service.core.HeroTextComponent" data-sly-test="${heroTextObject}">

       <h1>${heroTextObject.heroTextBean.headingText}</h1>

       <p>${heroTextObject.heroTextBean.description}</p>   

</div>

<sly data-sly-test.emptyContent="${wcmmode.edit}">

<div data-emptytext="configure ${component.title}"

class="cq-placeholder"></div>

</sly>

When i remove the bold code - i get annotations:

AA2.png

This is a bug - please open a support ticket....

Avatar

Level 1

Hi kautuksahni​, I am also facing the same annotations issue on our environment. We are on 6.4 SP4.

When tried with

<div data-sly-test="${wcmmode.edit}" class="cq-placeholder" data-emptytext="Edit Sample Component"></div>

<div class="custom-targeting-buttons ${properties.hiddenInDefaultSegment ? 'hidden-in-default-segment' : ''}"></div>

It doesn't allow us to annotate on page

when we tried with the below snippet, annotations do work but component gets hide by default on targetting.

<div data-sly-test="${wcmmode.edit}" class="cq-placeholder">Edit Sample Component</div>

<div class="custom-targeting-buttons ${properties.hiddenInDefaultSegment ? 'hidden-in-default-segment' : ''}"></div>

Can you please let me know if you have a solution already?