Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

teaser v2 image rendering on resize of screen

Avatar

Level 7

Hi All,

 

Teaser V2 using core image V3.

I tried to use core teaser v2 on test page and do not see image getting resized at all (first image below), second image is core image v2 working fine as you can see.

 

Is there any specific thing I should do. I changed teaser v2 component group to just author component in my local aem.

One difference I observe is teaser v2 image tag has "width, height" set and I am thinking that is why image is not resizing properly when screen resized?!

 

Any help on how to author teaser V2 or core Image V3 appreciated.

Original Image uploaded has 1570wx884h dimensions.

 

 

 

sreenu539_0-1685659503526.png

 

html for above images.

sreenu539_1-1685659672012.png

 

 

I see example demo page images resizing

https://www.aemcomponents.dev/content/core-components-examples/library/core-content/image.html#tabs-...

 

 

Thanks,

Sri

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Did you include the JS category for the image component(v3) in your categories (or the categories where that page is being rendered)? The HTML seems to be missing stuff, take a look at mine below

Esteban666_0-1685734882442.png

This is how to include the category

Esteban666_1-1685735216350.png

 





Esteban Bustamante

View solution in original post

3 Replies

Avatar

Correct answer by
Community Advisor

Did you include the JS category for the image component(v3) in your categories (or the categories where that page is being rendered)? The HTML seems to be missing stuff, take a look at mine below

Esteban666_0-1685734882442.png

This is how to include the category

Esteban666_1-1685735216350.png

 





Esteban Bustamante

Avatar

Employee Advisor

Hi,

 

Consider upgrading to Core Image V3 for improved image handling.