I want to show featured image, title alone in one of our List component variations but in core list component ,only when we select display as teaser option, image is showing. along with that description also coming which I don't need.
How to segregate the image from teaser and show it. From code they are getting as resource
<sly data-sly-resource="${item.teaserResource }"></sly>
@EstebanBustamante @Avinash_Gupta_ @arunpatidar
Topics help categorize Community content and increase your ability to discover relevant content.
Views
Replies
Total Likes
Hi @Amsalek4
Let me know if I got this right.
You have a List Core component and you also have a custom List component that extends the core one.
In the custom one you managed to display what you want, that being image and title.
And the core one displays by default ootb both image and description.
If that is the case, I would then say you would need to write a new custom List component for this particular use case and use it in the places were you have the core one instantiated. Mayne other have different ideas, but this is something that just came
Views
Replies
Total Likes
We are not able to achieve to show only image and title in custom component also which extends core List.
As the image is coming along with teaser resource. so it always displays description ,image and title.
Only way i can think of is tamper the teaser html and hide the description based on my list variation type by passing it to teaser resource. hope this would not be an issue
Views
Replies
Total Likes
What if you don't tamper it, so that yoy avoid unexpected behaviors, and you rather create a new custom list component that extends the core one, and in addition you add a clientlib and manipulate the dom to hide what you don't need ?
Views
Replies
Total Likes
Hi @Amsalek4 - The teaser.html from the core list component is a template that gets called in the list.html. In this case instead of updating the teaser.html from the core component, try overriding the list.html in your custom component, and invoke your custom-teaser template that you create for your use case. The logic in your custom template can display just the title as intended.
Regards,
Views
Replies
Total Likes
Thanks @Fanindra_Surat , we are going to follow the same
Views
Replies
Total Likes
You can overlay list.html or item.html and see if you update it to remove or hide description.
Views
Replies
Total Likes
Hi @Shubham_borole when we select the option as display as teaser, it will directly call the teaser resource and tesaser.html from teaser component. so item.html and list.html will not be effective in this option
Views
Replies
Total Likes
@Amsalek4 yeah true, I see now item.html is not coming into picture. list.html can be explored. Looking little more into this,
We can also explore overriding teaserimpl (using delegate pattern) for this component resourcetype and in that case return the description as blank by overriding getDescription(). I also see a this.descriptionHidden field. Not explored in detail if that can be set as true via policy.
I am not sure if control over html structure is still needed.
Views
Replies
Total Likes