<sc:menuBar> - A YUI Menu Bar Wrapper

Renders a JavaScript an application-style menu bar:

<sc:menuBar width="473px"> <sc:menuItem value="Home" url="#{facesContext.externalContext.request.contextPath}/index.html" /> <sc:subMenu url="#" value="JSF Sites"> <sc:menuItem value="Mojarra Homepage" url="https://javaserverfaces.dev.java.net" /> <sc:menuItem value="Glassfish" url="https://glassfish.org" /> <sc:subMenu url="#" value="Sub Projects"> <sc:menuItem value="Mojarra Scales" url="http://kenai.com/projects/scales/" /> <sc:menuItem value="JSFTemplating" url="https://jsftemplating.dev.java.net" /> <sc:menuItem value="Facelets" url="https://facelets.dev.java.net" /> </sc:subMenu> <sc:subMenu url="#" value="JSF Components"> <sc:menuItem> <h:outputLink styleClass="yuimenuitemlabel" value="http://yahoo.com">h:outputLink</h:outputLink> </sc:menuItem> </sc:subMenu> </sc:subMenu> <sc:subMenu value="Developer Blogs"> <sc:menuItem value="Ed Burns" url="http://weblogs.java.net/blog/edburns/" /> <sc:menuItem value="Roger Kitain" url="http://weblogs.java.net/blog/rogerk/" /> <sc:menuItem value="Ryan Lubke" url="http://blogs.sun.com/rlubke/" /> <sc:menuItem value="Jim Driscoll" url="http://weblogs.java.net/blog/driscoll/" /> <sc:menuItem value="Ken Paulsen" url="http://blogs.sun.com/paulsen/" /> <sc:menuItem value="Jason Lee's blog" url="http://blogs.steeplesoft.com/" /> <sc:menuItem value="Jason Lee - Should be hidden" url="http://blogs.steeplesoft.com/category/java/glassfish/javaserver-faces/" rendered="false" /> </sc:subMenu> </sc:menuBar>

will render a menu that looks like this:

If you find the default styling unappealing, the colors, borders, etc are all configurable via CSS. Documentation on how to do that is on the YUI site.