I am working use case where I need to dynamically add the preset or smart crop based on window resolution.(without using responsive preset) I want to get all presets(url) or smart crops(url) which are configured in AEM then pick the appropriate preset url and update the image url based on resolution. Is there any way to get all the configured values? I have integrated Dynamic Media scene7 Mode with my AEM 6.5.5.0 environment.

I have integrated Dynamic Media scene7 Mode with my AEM 6.5.5.0 environment. I have created few presets(480 x 250, 300 x 250, 330 x 100) and these presets are getting rendered on page. But what I see is the images are not responsive i.e. every time I resize the browser window, the image size and width do not change. Aren't these dynamic media images supposed to be responsive ?How can I achieve responsiveness of images with dynamic media integration.

I have written sling model exporter . I need to call this by passing 2 parameters fileReference & imgParam In sling model (@Model(adaptables = {Resource.class, SlingHttpServletRequest.class})I have written:@getter@ValueMapValueprivate String fileReference; @getter@ValueMapValueprivate String imgParam; I am not able to pass parameters properly. Can anyone tell me if this is right way of passing multiple parameters?

I am working AEM 6.5 , I want to add a functionality on preview mode alone, not on edit mode . I tried adding below condition . But its not working. Can someone help me out here? EDIT MODE: some code here..

I am trying to pass slightly property - ${tabs.id} to openSection() as shown below.${tabs.tabname}But I see - onclick="openSection(event, -section)" in html when component is rendered. whereas below expression works.html output: How can pass this property to openSection() to make this work?

I want pass list index value to sling model.index: ${imgList.index}This gives me null value at model. I tried to with pass with quotes , it gets passed as string. Can any one help me to resolve this?