Solved

Conditional formatting partially working

Posted on 2013-01-07
5
323 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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

706 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now