Generating content with a loop can be done
with the <c:forEach/>
tag and
with the <ui:repeat/>
tag.
Tag Library Documentation:
The following example show three rivers with their length and average dischage by default.
You can add a new river to the list or reset the list to the default value of 'Nile', 'Amazon' and 'Yangtze'.
The rivers are displayed as <tc:box/>
tags withing a <tc:segmentLayout/>
.
<tc:segmentLayout medium="6;6">
<c:forEach items="\#{forEachController.rivers}" var="river">
<tc:box label="\#{river.name}">
...
In this example, the each data of a river is put in a <tc:section/>
<ui:repeat value="\#{forEachController.rivers}" var="river">
<tc:section label="\#{river.name}">
...