ForAll, table and images

[Cicorione]

Hi Patrick,

This is for general interest of every all: I am trying to figure out how to draw a table with two columns and several rows, each cell must have a different image.

Unfortunately, what I came out only generate a duplicate of the same image for the same row...

 <Table width="8.5" stretch="max">
    <ForAll select="img">
      <Tr minheight="{sd:group-height('unit') div $mw}">
        <Td valign="middle" align="center">
          <Image file="{@file}" stretch="yes" maxheight="{sd:group-height('unit') div ($mw * 1.2)}" maxwidth="{7}" />
        </Td>
       <Td valign="middle" align="center">
          <Image file="{@file}" stretch="yes" maxheight="{sd:group-height('unit') div ($mw * 1.2)}" maxwidth="{7}" />
      </Td>
   </Tr>
 </ForAll>
</Table>

I am concerned that I can't do this with a table, do I have to create a nested group instead so each image will land into the next cell?

Thanks... 🙏

[pgundlach]

It is a bit tricky, you have to do some math.

Here is my data file:

<data>
    <image>1.jpg</image>
    <image>2.jpg</image>
    <image>3.jpg</image>
    <image>4.jpg</image>
    <image>5.jpg</image>
    <image>6.jpg</image>
    <image>7.jpg</image>
    <image>8.jpg</image>
    <image>9.jpg</image>
</data>

and here is my layout file:

<Layout xmlns="urn:speedata.de:2009/publisher/en"
	xmlns:sd="urn:speedata:2009/publisher/functions/en">

	<Record element="data">
		<PlaceObject>
			<Table>
				<Loop select="count(image) idiv 2" variable="i">
					<Tr>
						<Td>
							<Image file="{image[ position() =  ( $i - 1 ) * 2 + 1 ]}" width="3" />
						</Td>
						<Td>
							<Image file="{image[ position() =  ( $i - 1 ) * 2 + 2 ]}" width="3" />
						</Td>
					</Tr>
				</Loop>
				<Switch>
					<Case test="sd:odd(count(image))">
						<Tr>

							<Td>
								<Image file="{image[ position() = last() ]}" width="3" />
							</Td>
							<Td></Td>
						</Tr>
					</Case>
				</Switch>
			</Table>
		</PlaceObject>
	</Record>
</Layout>

So every row has two table cells and I need to calculate which image should be displayed.

I can select the image node from the data with image[ position() = n] where n is the nth node to be selected. For example image[position() = 4] selects the fourth image (the short form is image[4]).

To arrange the images, I create a loop with the number of rows (rounded down, that is idiv, integer division)

For the 9 images, I have four iterations of the loop. So the first row should get image 1 and 2, second row get image 3 and 4 and so on. The current iteration number is stored in the variable $i and gets set to 1, 2, 3 and four in each iteration.

The first thing is to subtract 1 from the row counter $i, so I get 0, 1, 2 and 3. I can now multiply this by two and get 0, 2, 4, 6. This would be the result if I only take this counter in account

0   0 
2   2
4   4
6   6

When I add 1 and 2 to each counter, I get

1   2
3   4
5   6
7   8

The last row is to check if the counter is odd, so I add the last image.

There are other calculations possible of course.

[pgundlach]

Just a note: you can leave out position(), so image[position() = 4] can be written as image[4].

[pgundlach]

In your case this would

<image file="{img[ position() =  ( $i - 1 ) * 2 + 1 ]/@file}" ...

of course.

[Cicorione]

🤯

Thank you very much, I need to study this carefully!

🙏