Solved

Conditional formatting partially working

Posted on 2013-01-07
5
343 Views
Last Modified: 2013-01-13
Hi All,

I have a web part page with a list and used conditional formatting to changed the color and font-weight.

In SP designer 2010 both color and bold font render correctly but in the browser, the bold shows but the color does not.

Any ideas why that is?

Here's the xslt:

	<xsl:attribute name="style">
			<xsl:if test="normalize-space($thisNode/@Status) = 'Complete'" ddwrt:cf_explicit="1" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime">color:Green; font-weight: bold;</xsl:if>
			
			<xsl:if test="$Collapse">display:none;</xsl:if>
		</xsl:attribute>

Open in new window

0
Comment
Question by:Isaac
  • 4
5 Comments
 
LVL 5

Author Comment

by:Isaac
ID: 38752758
This is really weird.  The background-color works too.  It's just the showing the color of the text.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38752804
Just a quick guess.  color names are all lowercase change Green to green and maybe we get lucky.

Cd&
0
 
LVL 5

Author Comment

by:Isaac
ID: 38752883
No luck there!
0
 
LVL 5

Accepted Solution

by:
Isaac earned 0 total points
ID: 38752927
According to this blog, it can't be done.
http://www.jrjlee.com/2011/06/conditional-formatting-of-list-views.html

The problem is that the color is getting overriden by ms-vb2.
0
 
LVL 5

Author Closing Comment

by:Isaac
ID: 38771560
Found it can't be done unless I use jQuery or something or if I apply conditioning to each column instead of the row.
0

Featured Post

U.S. Department of Agriculture and Acronis Access

With the new era of mobile computing, smartphones and tablets, wireless communications and cloud services, the USDA sought to take advantage of a mobilized workforce and the blurring lines between personal and corporate computing resources.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Put shading on half of picture 8 42
XML response optional elements 12 41
two div layout one vertical other horizontal. 5 25
Divi Theme - extra fonts I don't want 13 25
Many times as a report developer I've been asked to display normalized data such as three rows with values Jack, Joe, and Bob as a single comma-separated string such as 'Jack, Joe, Bob', and vice versa.  Here's how to do it. 
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question