dynamic media - aem

[#1]

Hi Team,

I am able to get the responsive image on my custom component by using responsive . It working for img tag.

https://experienceleague.adobe.com/docs/dynamic-media-developer-resources/image-serving-api/image-se...

But its not working for background-image:url div class. any suggestions?

<div class="hero__image" style="background-image:url('${dynamicmedia.fileReference @ context='styleString'}')"></div>

[sathya_prakasha · Accepted solution]

Hi @sathya_prakasha 

as you are referring Dynamic Media Image so please try 'uri' instead of 'styleString' in context. 

<div class="hero__image" style="background-image:url('${dynamicmedia.fileReference @ context='uri'}')"></div>

[sathya_prakasha · Accepted solution]

How to handle responsive image library for background-image:url

<div class="hero_image" style="background-image:url('${dynamic.fileReference @ context='uri'}')"></div>

Its working as expected for <img> tag. 

[khamat_bn · Accepted solution]

It will be handled by css, we need to provide css class in <div class=""> and that should adapt Resonsive image as needed