cq:placeholder , issue with annotations.

Avatar

Avatar

amarjots1229709

Avatar

amarjots1229709

amarjots1229709

30-10-2017

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

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

30-10-2017

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....

Answers (5)

Answers (5)

Avatar

Avatar

abhishek_reddyr

Avatar

abhishek_reddyr

abhishek_reddyr

09-09-2019

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?

Avatar

Avatar

Veena_Vikram

MVP

Avatar

Veena_Vikram

MVP

Veena_Vikram
MVP

30-10-2017

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

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

30-10-2017

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

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

30-10-2017

Are you getting any error messages or browser errors?

Avatar

Avatar

kautuk_sahni

Community Manager

Total Posts

5.6K

Likes

1.0K

Correct Reply

1.1K

Avatar

kautuk_sahni

Community Manager

Total Posts

5.6K

Likes

1.0K

Correct Reply

1.1K
kautuk_sahni
Community Manager

30-10-2017

Duplicate Question:- AEM Annotations cq-placeholder issue

Feike Visser  any help here?

~kautuk