Re: [xsl] Limiting a row to four items

["Imsieke, Gerrit, le-tex gerrit.imsieke@xxxxxxxxx" <xsl-list-service@xxxxxxxxxxxxxxxxxxxxxx>]

Are you looking for an XSLT 1 solution?

In XSLT 2 or 3, you can do, when in stamp context: <xsl:for-each-group 
select="plate" group-adjacent="(@number - 1) idiv 4">, and create a row 
for each group.

If you tune the .block width so that 4 of them fit into a .row, you can 
also set flex-wrap:wrap in .row, then you need not create div.row at all.

Gerrit

On 28.08.2020 10:44, Mark Wilson mark@xxxxxxxxxxxx wrote:
> This is likely in the archives but I have forgotten how to use them. 
> Among the other things I have forgotten since I turned 80 is how to a 
> put set of elements into rows for HTML output. I want to put what four 
> <plate> elements conjure into each row; the number of< plate> elements 
> in each <stamp> element varies. The <plate> element references the 
> identity of a jpeg that will be put on the page. I want four jpegs in 
> each row.
>
> my css is:
>
> .row {
>  B  width: 100%;
>  B  display: flex;
>  B  flex-direction: row;
>  B  justify-content: center;
> }
>
> My input XML is a long list of <stamp> elements with <plate> children.
> ....
> <stamp >
>  B B B B B B B B B B B B B B B  <plate number="1"/>
>  B B B B B B B B B B B B B B B  <plate number="2"/>
>  B B B B B B B B B B B B B B B  <plate number="3"/>
>  B B B B B B B B B B B B B B B  <plate number="4"/>
>  B B B B B B B B B B B B B B B  <plate number="5"/>
>  B B B B B B B B B B B B B B B  <plate number="6"/>
>  B B B B B B B B B B B B B B B  <plate number="7"/>
>  B B B B B B B B B B B B B B B  <plate number="8"/>
> </stamp>
> ....
>
> and my XSLT dealing with this withinB  <xsl:template match="stamp"> is:
> <div class="row">
>  B B B B B B  <xsl:for-each select="plate">
>  B B B B B B B B B B B B B  <div class="block">
>  B B B B B B B B B B B B B B B B B B B B B B B B B B B  <aB  href="{concat('plates/', @number, 
> '.jpg')}">
>  B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B  <img class="large" 
> src="{concat('plates/',@number, 't.jpg')}"/>
>  B B B B B B B B B B B B B B B B B B B B B B B B B B B B B  </a>
>  B B B B B B B B B B B B B B  </div>
>  B B B B B B B B  </xsl:for-each>
>  B  </div>
>
> Works fine for four or fewer <plate> elements, but more than that makes 
> a mess
> Any help appreciated,
> Mark