SSDN - Alternate row color

XML Editor

Sign Up

Search

Options

Chat

Help

News

Log in

Not Logged in

Topic

Topic Page 1 2 3 4 5 6 7 8 9

ash chavan

Subject: Alternate row color
Author: ash chavan
Date: 13 Sep 2007 11:32 AM

I want to display alternate colors for the rows in the for-each loop. This is easy if there was only one for-each. In my xslt, I have for-each loop nested in for-each loop and I want to display alternate color for each of the elements. I thought of using counter but recursion wont help me to increment the counter. Any other ways to implement this. Any help is appreciated.

Minollo I.

Subject: Alternate row color
Author: Minollo I.
Date: 13 Sep 2007 11:49 AM

The easiest way is to add a conditional block based on position(); something like:

<xsl:choose>
<xsl:when test="position() mod 2 = 1">
...background color 1...
</xsl:when>
<xsl:otherwise>
...background color 2...
</xsl:otherwise>
</xsl:choose>

ash chavan

Subject: Alternate row color
Author: ash chavan
Date: 13 Sep 2007 11:59 AM

thanks but position() wont help me. My strutcture is something like:
<xsl:for-each select="abc">

display element
<xsl:for-each select="category">
display element
</xsl:for-each>
</xsl:for-each>
In each of the display element section my color should alternate.

Minollo I.

Subject: Alternate row color
Author: Minollo I.
Date: 13 Sep 2007 12:35 PM

Not sure what logic you need to implement... but position() will return the position relative to the for-each in scope; if you need to access the position() of the outer loop, just assign position() to a variable before starting the new loop...

<xsl:variable name="outerPos" select="position()"/>

ash chavan

Subject: Alternate row color
Author: ash chavan
Date: 13 Sep 2007 12:51 PM

I guess I did not explain my question correctly. Let me try again:

I want to alternate the row color no matter the row is getting displayed from any of the below for-each block.

<xsl:for-each select="abc">
display row with alternate color
<xsl:for-each select="xyz">
display row with alternate color
</xsl:for-each>
</xsl:for-each>

Minollo I.

Subject: Alternate row color
Author: Minollo I.
Date: 13 Sep 2007 01:03 PM

...OK; and I bet the inner loop iterates a variable number of times every time...

Seems to me your initial idea of using recursion is the simplest way to get what you need; recursion is actually the only way you can increment counters in XSLT (passing an incremented parameter to the recursive call every time). Too bad that implies exploding for-each too in a recursive approach...

Another possibility could be to still work with position(), and use an XPath expression to count all the previous occurences of inner loop interations at the beginning of the outer loop...

I'm sure folks on the XSLT discussion list will be glad to help you further (http://www.mulberrytech.com/xsl/xsl-list/).

ash chavan

Subject: Alternate row color
Author: ash chavan
Date: 13 Sep 2007 04:41 PM

Thank you. I really appreciate the help. I would really like to post my question on Mulberry.
Anyway, I am one of those newbies to this stuff, if possible could you explain me how do we count previous occurances of inner loop iterations at the beginning of the outer loop?

Minollo I.

Subject: Alternate row color
Author: Minollo I.
Date: 13 Sep 2007 05:58 PM

Something like this:
<table>
<tbody>
<xsl:for-each select="/root/book">
<xsl:variable name="pos" select="position()+count(./preceding-sibling::book/author)"/>
<tr>
<td>
<xsl:variable name="color">
<xsl:choose>
<xsl:when test="$pos mod 2 = 1">red</xsl:when>
<xsl:otherwise>yellow</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<div style="{concat('background: ', $color)};"><xsl:value-of select="title"/></div>
</td>
</tr>
<xsl:for-each select="author">
<tr>
<td>
<xsl:variable name="color">
<xsl:choose>
<xsl:when test="($pos+position()) mod 2 = 1">red</xsl:when>
<xsl:otherwise>yellow</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<div style="{concat('background: ', $color)};"><xsl:value-of select="."/></div>
</td>
</tr>
</xsl:for-each>
</xsl:for-each>
</tbody>
</table>

...assuming an XML like this:
<root>
<book>
<title>t1</title>
<author>a</author>
<author>b</author>
</book>
<book>
<title>t2</title>
<author>c</author>
</book>
<book>
<title>t3</title>
<author>d</author>
<author>e</author>
<author>f</author>
</book>
<book>
<title>t4</title>
</book>
</root>

ash chavan

Subject: Alternate row color
Author: ash chavan
Date: 14 Sep 2007 11:32 AM

hey its awesome...it works just the way I want it...Thanks a tons.

Topic Page 1 2 3 4 5 6 7 8 9

Powered by Stylus Studio, the world's leading XML IDE for XML, XSLT, XQuery, XML Schema, DTD, XPath, WSDL, XHTML, SQL/XML, and XML Mapping!

Go to Conference:

Log In Options Username: Password:

Site Map | Privacy Policy | Terms of Use | Trademarks

Stylus Studio® and DataDirect XQuery ™are from DataDirect Technologies, is a registered trademark of Progress Software Corporation, in the U.S. and other countries. © 2004-2016 All Rights Reserved.