JSF/RichFaces: conditional text styling

java jsf richfaces
volvox picture volvox · Feb 8, 2010 · Viewed 11.1k times · Source

I have a string which can be yes or no, instantiated in an object in a Java backing bean. I can't seem to find the best way to conditionally style the text red or green dependent on whether the JSF gets yes or no from the bean respectively. I'm using richfaces, but should I be using <c:if> tags?

Answer

Bozho picture Bozho · Feb 8, 2010

(in order of preference):

  • style="color: #{yourVar == 'yes' ? 'green' : 'red'};"
  • make two <h:outputText> components with different styles, each with a different rendered attribute (one #{yourVar == 'yes'} and the other #{yourVar == 'no'})
  • define a (jstl/facelets/jsf 2.0) function that takes the var as argument and returns a style/class - styleClass="#{my:getStyleClass(yourVar)}"

Related questions

f:convertDateTime displays wrong Date

In my Web Application I retrieve data using Hibernate and display it in a RichFaces dataTable. In my MySQL-table there is a field of type "date". When I print this field to the log in my Bean, it shows the …

Read More
What is viewstate in JSF, and how is it used?

In JSF, there is a viewstate associated with each page, which is passed back and forth with submits etc. I know that viewstate is calculated using the states of the various controls on the page, and that you can store …

Read More
Concatenate strings in JSF/JSP EL and Javascript

I'm having troubles with EL and javascript functions (JSF 1.2, Facelets, Richfaces 3.3.0GA). I have a page that includes another composition: <ui:include src="/pages/panels/examinationPanel.xhtml"> <ui:param name="prefix" value="new" /> And in my …

Read More