Sightly - List of Parsys

Forum|Forum|10 years ago
October 16, 2015
5 replies
2980 views

I have a case where I need to create a variable number of parsys in a Sightly component. Here's the code I am currently trying:

<div data-sly-list="${var.List}"> <div class="${item}"> <div data-sly-resource="${'field' + itemList.count @ resourceType='wcm/foundation/components/parsys'}"> </div> </div> </div>

which is dying because it cannot parse the "+ itemList.count". If I take that part off, it only shows one of the two (or three) parsys as editable, but if I add a component to that parsys it will show up the number of times selected. Any ideas how to separate these parsys from each other? I would prefer to do it as part of a list, but could be persuaded otherwise if someone provided a good enough solution.

Thanks in advance!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Feike_Visser1

Can you try this?
<div data-sly-list="${var.List}">
<div class="${item}" data-sly-test.resourcePath="${ '{0}{1}' @ format=['field',itemList.count]}">
<div data-sly-resource="${ resourcePath @ resourceType='wcm/foundation/components/parsys'}">
</div>
</div>
</div>

b7wilsoAuthor

Level 3

@Fieke - that worked perfectly. Thank you for your help!

Feike_Visser1

Accepted solution

Adobe Employee

Can you try this?
<div data-sly-list="${var.List}">
<div class="${item}" data-sly-test.resourcePath="${ '{0}{1}' @ format=['field',itemList.count]}">
<div data-sly-resource="${ resourcePath @ resourceType='wcm/foundation/components/parsys'}">
</div>
</div>
</div>

I

iamsumansourav

I added carousel component and I need to add 5 Image component I added, but I need show 3 Images, but when I add Image inside carousel It's showing only one. How I can show 3 images @smacdonald2008 @alvawb