Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Unable to see CQ decoration tag/Editable div in Chrome - Sightly data-sly-resource

Avatar

Level 2

I have included a component through data-sly-resource. I am able to get the cq decoration tags on firefox and IE; able to edit the component where as I am unable to see the decoration on Chrome.

 

        <li class="apply-btn">
            <div data-sly-resource="${ @path='applybtn', resourceType='theironyard/components/content/button'}" data-sly-unwrap></div>
        </li>

Please let me know your thoughts.

Thanks,

Ramakrishna

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

As mentioned by Jitendera, it could be CSS issue. Please have a look at the similar kind of case reporter earlier.

Link:- http://stackoverflow.com/questions/25460407/chrome-not-displaying-divs

I hope this would help you.

Thanks and Regards

Kautuk Sahni 



Kautuk Sahni

View solution in original post

5 Replies

Avatar

Level 9

Is it happening in Touch or Classic UI?. If it is in classic UI, this might be a CSS issue very similar to the one where parsys appears on top of the page though editing is supposed to be done on the page body.

--

Jitendra

Avatar

Correct answer by
Administrator

Hi 

As mentioned by Jitendera, it could be CSS issue. Please have a look at the similar kind of case reporter earlier.

Link:- http://stackoverflow.com/questions/25460407/chrome-not-displaying-divs

I hope this would help you.

Thanks and Regards

Kautuk Sahni 



Kautuk Sahni

Avatar

Employee

can you remove the data-sly-unwrap?

Avatar

Level 2

I have tried removing data-sly-unwrap. But of no change in it. Let me try the CSS fix.

Avatar

Level 2

It is working as expected in Touch UI in all the browsers. Only problem here is in Chrome - Classic UI.