I have been attempting to create status indicators in Sharpeoint Designer 2010 using two background images (red and green circles) in a hyperlink column and conditional formatting. The idea is that the hyperlinks direct to a list and the background image indicates the status of that list. I have been using the xsl:choose element to pick which cirle gets displayed behind the hyperlink.
<xsl:attribute name="style"> <xsl:choose> <xsl:when test="$thisNode/@prodimpnumber != '1'" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime" ddwrt:cf_explicit="1"> background-image: url('../images1/red indicator small.png'); background-repeat: no-repeat; background-position: center center; line-height: 100px; vertical-align: middle; text-align: center; </xsl:when> <xsl:otherwise> background-position: center center; background-image: url('../images1/green indicatorsmall.png'); background-repeat: no-repeat; vertical-align: middle; text-align: center; line-height: 100px; font-weight: bold; </xsl:otherwise> </xsl:choose> </xsl:attribute>
My issue is this: in sharepoint designer the indicators display properly in SPD i.e. display green cicle if the relevant column isn't equal 1 and otherwise display red circle,
however on the actual page only green circles are displayed. Here how the indicators look in SPD
Here is how the page looks
I can't figure out what's happening or how to fix it. Assistance would be greatly appreciated.