Expand my Community achievements bar.

SOLVED

One issue in image component

Avatar

Level 7

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