Core Component List "Display as teaser " option on 2nd Tab is not working.

[maans]

Hi All,

I have a list component on a page where I have authored Parent Page and Child depth 1. Under parent page, I have created 2 pages and authored teaser and image component on these 2 child pages. When I choose link items, show description and show date its coming as expected. But when I choose "Display as teaser" option shown below. I am getting null OR nothing is shown for the list component.

Can anybody please help me to make it work? 

My investigation: See the list.html file.

The below code: 

<li data-sly-test="${list.displayItemAsTeaser && item.teaserResource}"
class="cmp-list__item" data-sly-call="${teaserTemplate.teaser @ item = item}"
data-cmp-data-layer="${item.data.json}"></li>

This is the code for "display as teaser" option. Here list.displayItemAsTeaser is true but item.teaserResource is always null. I tried to print this value but nothing came up. How can I get  item.teaserResource here. Any pointers are appreciated? 

Thanks

[SantoshSai · Accepted solution]

Hi @maans,

I'm sure you might already went through the documentation part however just in case if you missed anything from here:

[0]: https://www.aemcomponents.dev/content/core-components-examples/library/core-content/list.html#tabs-1...

[1]: https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wc...

[2]: https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/list.htm...

Hope that helps!

Regards,

Santosh

[jpauldhas]

Hey @maans ,

Not sure if you have figured it out already, but adding this for others who face the same issue.

In the list component, example /apps/<<project-name>>/components/list set the teaserDelegate value to core/wcm/components/teaser/v2/teaser and this should fix it.