Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

One issue in image component

Avatar

Level 5

I have used image(core/wcm/components/image/v2/image) resource type and copy pasted cq:dialog

 

But writing after writing HTL

<h1>Banner</h1>

<img src="${properties.fileReferenceBanner}" width="500" height="600">

 

<h1>Interstetial</h1>

<img src="${properties.fileReferenceInterstetial}">

 

Images those are present in dam are only getting populated.... There is one button browse which open local directoryy after adding the file I am not getting any output what changes should I make to HTL

 

 

In future I will also write modal class... Please also suggest changes to be made their as well

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Incase, if you are not overwriting the image.html, your HTL script should include the image markup <div class="cmp-image" data-sly-include="image.html"></div> so that it uses the image rendering servlet.

 

for more details on extending please refer this URL: https://github.com/adobe/aem-core-wcm-components/tree/master/content/src/content/jcr_root/apps/core/... 

 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Incase, if you are not overwriting the image.html, your HTL script should include the image markup <div class="cmp-image" data-sly-include="image.html"></div> so that it uses the image rendering servlet.

 

for more details on extending please refer this URL: https://github.com/adobe/aem-core-wcm-components/tree/master/content/src/content/jcr_root/apps/core/...