Change dynamically css class

Question

Imagine that i have the following code:

<a:repeat value="#{bean.getList()}" var="x" >
   <li class="la">
      <span>
        <img src="#{bean.getThumbImageUrl(x)}"/>
       </span>
   </li>
</a:repeat>

I'm receiving a List of elements on bean.getList(). For each element, i'm getting it's image and print it. On the <li> tag, i'm defining a specific class. What i need it's to apply a different class to the last element of bean.getList().

Does anyone knows how to do it?

Thanks

What JSF libraries/frameworks are you using? What view technology (JSP/Facelets)? — McDowell
– McDowell, Commented Oct 28, 2009 at 13:47

João Madureira Pires · Accepted Answer · 2009-10-28 14:37:56Z

3

Just found the solution:

<a:repeat value="#{bean.getList()}" var="x" rowKeyVar="row"> <li class="#{row==<numberOfElements>?'lala':''}"> <span> <img src="#{bean.getThumbImageUrl(x)}"/> </span> </li> </a:repeat>

Thanks for your help Kamil Szot

answered Oct 28, 2009 at 14:37

João Madureira Pires

3036 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kamil Szot · Accepted Answer · 2009-10-28 13:58:28Z

0

Maybe you could use :dataList instead of :repeat to conditionally output something (class) for the last element, like in the following googled piece of code?

<t:dataList rowCountVar="rowCount" rowIndexVar="rowIndex">
  <h:outputText value="," rendered="#{(rowCount-1)!=rowIndex}"> 
</t:dataList>

answered Oct 28, 2009 at 13:58

Kamil Szot

17.9k8 gold badges66 silver badges67 bronze badges

Collectives™ on Stack Overflow

Change dynamically css class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related