JSF outputtext conditional display/styling. Differently depending on condition

Question

I`m using JSF and I have an output text per example "qwerty" that I want to display / format differently if some conditions will be met. So per example if:

cond1 is true then I want to display ~~qwerty~~
cond1 is false then I want to display qwerty

and so on.

Is there a way?

score 17 · Accepted Answer · edited May 23 '17 at 12:10

17

You can use a ternary operator in order to choose the style you want to apply depending on the condition:

<h:outputText value="qwerty" 
    style="#{backingBean.cond1 ? 'text-decoration:line-through;':'fontstyle:italic;'}">

And it would be even better if you use css classes in order of inline styles. Good luck!

Using the 'condition' inline in the EL is also possible, see using greater than logical expression in rendered attribute. Read also the discussion about using inline in the xhtml or in the javabean

edited May 23 '17 at 12:10

Community

1
1

answered Mar 13 '13 at 21:13

Aritz

30,971
16
136
217

I thought of that but I thought it is a better more elegant way. Thank you for your answer! – CyberGriZzly Mar 13 '13 at 21:16
That is not the most elegant way. You actually create two components in component tree. Also keep [DRY](http://en.wikipedia.org/wiki/Don%27t_repeat_yourself)! – Piotr Gwiazda Mar 13 '13 at 21:18
It's just a way to give a basic explanation about how conditional rendering-evaluation works in JSF. My second approach is better ;-) – Aritz Mar 13 '13 at 21:23

score 7 · Answer 2 · answered Mar 13 '13 at 21:15

7

Neat way is to create CSS classes

<h:outputText value="qwerty" 
     styleClass="#{backingBean.cond1 ? 'classA' : 'classB'}" />

answered Mar 13 '13 at 21:15

Piotr Gwiazda

12,080
13
60
91

score 6 · Answer 3 · answered Mar 13 '13 at 21:16

6

In similar situations, I use following

<h:outputText value="yourValueFromYourBeanOrWhatever" styleClass="anArbitraryName#{managedBean.condition}"/>

And in my CSS file I define the classes:

.anArbitraryNametrue{}

and

.anArbitraryNamefalse{}

answered Mar 13 '13 at 21:16

Laabidi Raissi

3,263
1
22
28

score 0 · Answer 4 · answered Dec 12 '17 at 15:02

0

With the conditional. Before the interrogation you put the condition. If true, it returns what is before t ":". If it is false, it returns what is behind ":".

<h:outputText value="#{condition ? 'true' : 'false'}" />

answered Dec 12 '17 at 15:02

luisja19

27
5

JSF outputtext conditional display/styling. Differently depending on condition

4 Answers4