JSF: conditionally render a list item (<li>)

java jsf rendering
George Armhold picture George Armhold · Sep 19, 2011 · Viewed 19k times · Source

I just inherited a project implemented in JSF. I have the following code which looks fine in Chrome, but Firefox renders the borders on the "empty" list items:

<ul>
    <li><a href="/home">Home</li>
    <li>
        <s:link view="/signup.xhtml" rendered="#{someCondition}">Sign Up</s:link>
    </li>
    <!-- etc... -->
</ul>

Which ends up looking like:

enter image description here

Is there a JSF tag to conditionally render the <li> ?

Answer

mrembisz picture mrembisz · Sep 19, 2011

If you do it as in @CoolBeans example, you will get a <span> around your <li>. In some cases it might disrupt your layout, besides you don't really want an extra tag under <ul>. To get rid of it, use <ui:fragment rendered="#{condition}" /> around your item instead of <h:panelGroup>.

Also you can use style attribute to hide an item:

<li style="display: #{condition ? 'list-item' : 'none'};" />

Related questions

What is the difference between JSF, Servlet and JSP?

I have some questions. These are : How are JSP and Servlet related to each other? Is JSP some kind of Servlet? How are JSP and JSF related to each other? Is JSF some kind of Pre-Build UI based JSP like …

Read More
How to make a redirection on page load in JSF 1.x

I have a web-application where the users can be sent directly to some specific pages (such as a page where he can view or edit an item). To achieve that, we provide a specific url. These urls are located outside …

Read More
How do you get the length of a list in the JSF expression language?

How would I get the length of an ArrayList using a JSF EL expression? #{MyBean.somelist.length} does not work.

Read More