Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Extend List Component

Avatar

Avatar
Validate 1
Level 2
AD-Engineer
Level 2

Likes

7 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 1
Give Back 3
Give Back
Boost 5
View profile

Avatar
Validate 1
Level 2
AD-Engineer
Level 2

Likes

7 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 1
Give Back 3
Give Back
Boost 5
View profile
AD-Engineer
Level 2

16-04-2021

Hi,

We are trying to extend List component, and add a showThumbnail option - to show page thumbnail on each item.

This is Card.html - modified from list.html.

 

  <ul data-sly-use.list="com.myproject.core.models.impl.CardImpl"
  data-sly-use.component="com.adobe.cq.wcm.core.components.models.Component"
  data-sly-use.template="myproject-aem/components/commons/templates.html"
  data-sly-use.itemTemplate="item.html"
  data-sly-list.item="${list.listItems}"
  id="${component.id}"
  data-cmp-data-layer="${list.data.json}"
  class="cmp-list">
  <li class="cmp-list__item" data-sly-call="${itemTemplate.item @ list = list, item = item}"
      data-cmp-data-layer="${item.data.json}"></li>
</ul>
<sly data-sly-call="${template.placeholder @ isEmpty=list.listItems.size == 0, classAppend='cmp-list'}"></sly>

 

When I change data-sly-use.list - to my Model that implements List the Card component in AEM does not show.

card comp.PNG

I would really appreciate your help on this. Thanks!

View Entire Topic

Avatar

Avatar
Ignite 1
Employee
dgordon86
Employee

Likes

49 likes

Total Posts

73 posts

Correct Reply

26 solutions
Top badges earned
Ignite 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile

Avatar
Ignite 1
Employee
dgordon86
Employee

Likes

49 likes

Total Posts

73 posts

Correct Reply

26 solutions
Top badges earned
Ignite 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile
dgordon86
Employee

16-04-2021