Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
SOLVED

How to limit number of times list gets iterated in sightly

Avatar

Level 3

<sly data-sly-list=" ">

<h1> Hello World </h1>

</sly>

 

How to iterate through the loop only 4 times? 

Thanks in advance!

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Please refer this 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-use-an-integer-valu...

 

If you are dealing with dynamic value then you can use below code -

<ul data-sly-list="${currentPage.listChildren @ begin = 0, end = 3}">
<li>${item.title}</li>
</ul>

 

[

<!--/* if you want to first 5 elements of the list */-->

<ul data-sly-list="${currentPage.listChildren @ begin = 0, end = 4}"> <li>${item.title}</li> </ul>

<!--/* if you want to see from 5th to 10th element */-->

<div data-sly-repeat="${currentPage.listChildren @ begin = 4, end = 9}"> <div>${item.title}</div> </div>

]

https://www.myareapage.com/3-new-features-of-htl-in-aem-6-5/

 

Hope these will help you.

View solution in original post

2 Replies

Avatar

Correct answer by
Employee Advisor

Please refer this 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-use-an-integer-valu...

 

If you are dealing with dynamic value then you can use below code -

<ul data-sly-list="${currentPage.listChildren @ begin = 0, end = 3}">
<li>${item.title}</li>
</ul>

 

[

<!--/* if you want to first 5 elements of the list */-->

<ul data-sly-list="${currentPage.listChildren @ begin = 0, end = 4}"> <li>${item.title}</li> </ul>

<!--/* if you want to see from 5th to 10th element */-->

<div data-sly-repeat="${currentPage.listChildren @ begin = 4, end = 9}"> <div>${item.title}</div> </div>

]

https://www.myareapage.com/3-new-features-of-htl-in-aem-6-5/

 

Hope these will help you.