“XSLT: How do I group entries and wrap them in containers? SOLVED” – Forum Thread – Discuss

XSLT: How do I group entries and wrap them in containers? SOLVED

This is an open discussion with 7 replies, filed under Troubleshooting.

Search

You are looking at page 1 of 1

- MrBlank
- 17 Jan 10, 9:12 am
- Comment #1

I have been racking my brain over this XSLT problem. I have a portfolio site that has a list of entries presented in a slideshow/paginated type of interface.

Each page has 6 entries. The six entries are split into 2 rows of 3 each.

I need to figure out how to select my entries and divide into groups of 6. Then I need to select each group and divide the 6 into 2 groups of 3.

Would I use the mod operator on this or is there another way that I’m not getting?

You can see an example of my template here to get a good idea how it works: http://test.joshnichols.com/index.html

Attached is my XML and the XHTML I want to output.

ANy help is appreciated. Thanks!

Attachments:: help.txt

- phoque
- 17 Jan 10, 10:26 am
- Comment #2

Put them all into one div, float them left and give them 1/3 of the width of the surrounding div. :-)

- MrBlank
- 17 Jan 10, 10:28 am
- Comment #3

@phoque Har … :-P

I think I found a direction to go. I’ll try it.

- MrBlank
- 17 Jan 10, 1:49 pm
- Comment #4

Here’s my solution:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <xsl:import href="../utilities/master.xsl"/>

    <xsl:template match="data">
        <div id="content" class="grid_10">
            <p>Josh is a graphic designer who works in Web, print and illustration. <a href="/about">Read more about Josh</a>.</p>
        </div>
        <div class="slideshow">
            <!-- Grab every sixth item to create a slide. -->
            <xsl:apply-templates select="work-homepage/entry[position() mod 6 = 1]" mode="slide" />
        </div>        
    </xsl:template>

    <xsl:template match="entry" mode="slide">
        <div class="slide clearfix">
            <div class="row clearfix">
                <!-- Select current item and 2 siblings after. -->
                <xsl:apply-templates select=". | following-sibling::entry[position()  &lt;= 2]" mode="entry" />
            </div>
            <div class="row clearfix">
                <!-- Select the next 3 siblings -->
                <xsl:apply-templates select="following-sibling::entry[position() &gt;= 3 and position() &lt;= 5]" mode="entry" />
            </div>
        </div>    
    </xsl:template>

    <xsl:template match="entry" mode="entry">
        <a href="#" class="grid_4 work-entry">
            <img src="{$root}/image/2/280/180/5{thumbnail/@path}/{thumbnail/filename}" alt="{title} thumbnail" width="280" height="180"></img>
            <span class="title"><xsl:value-of select="title"/></span>
            <sapn class="teaser"><xsl:copy-of select="teaser/node()"/></sapn>
        </a>
    </xsl:template>

</xsl:stylesheet>

Not pretty, but it gets the job done.

- czheng
- 18 Jan 10, 1:30 am
- Comment #5

I think that’s more or less the way we built the rows on the download listings here on the site.

- moonoo2
- 27 Aug 11, 11:58 pm
- Comment #6

Just found this thread from a google search top entry :)

Would the above work if I had 2 columns and wanted a max of 6 in each column?:

<!-- First Column -->
<div class="column">
<xsl:apply-templates select="work-homepage/entry[position() mod 6 = 0]" />
</div>

<!-- Second Column -->
<div class="column">
<xsl:apply-templates select="work-homepage/entry[position() mod 6 = 1]" />
</div>

Cheers

- fawx
- 28 Aug 11, 12:09 am
- Comment #7

off the top of my head:

<xsl:apply-templates select="work-homepage/entry[position() mod 2 = 0 and position() &lt; 12]" />
<xsl:apply-templates select="work-homepage/entry[position() mod 2 = 1 and position() &lt; 12]" />

- moonoo2
- 28 Aug 11, 12:45 am
- Comment #8

So the modulo approach counts to check for entries position and if it's an increment of 2 or not yes?

Create an account or sign in to comment.

Symphony.