<div class="sample-container"> <h:form> <rich:toolBar> <rich:dropDownMenu value="File"> <rich:menuItem submitMode="ajax" value="New" action="#{ddmenu.doNew}"> </rich:menuItem> <rich:menuItem submitMode="ajax" value="Open" action="#{ddmenu.doOpen}"/> <rich:menuGroup value="Save As..."> <rich:menuItem submitMode="ajax" value="Text File" action="#{ddmenu.doSaveText}"/> <rich:menuItem submitMode="ajax" value="PDF File" action="#{ddmenu.doPDF}"/> </rich:menuGroup> <rich:menuItem submitMode="ajax" value="Close" action="#{ddmenu.doClose}"/> <rich:menuSeparator id="menuSeparator11"/> <rich:menuItem submitMode="ajax" value="Exit" action="#{ddmenu.doExit}"/> </rich:dropDownMenu> <rich:dropDownMenu> <f:facet name="label"> <h:panelGrid cellpadding="0" cellspacing="0" columns="2" style="vertical-align:middle"> <h:graphicImage value="/richfaces/toolBar/images/yellow_lamp.gif"/> <h:outputText value="Links" /> </h:panelGrid> </f:facet> <rich:menuItem submitMode="none" onclick="document.location.href='http://labs.jboss.com/jbossrichfaces/'"> <f:facet name="icon"> <h:graphicImage value="/richfaces/toolBar/images/webapp_welcome.gif" /> </f:facet> <h:outputLink value="http://labs.jboss.com/jbossrichfaces/"> <h:outputText value="RichFaces Home Page"></h:outputText> </h:outputLink> </rich:menuItem> <rich:menuItem submitMode="none" onclick="document.location.href='http://jboss.com/index.html?module=bb&op=viewforum&f=261'"> <f:facet name="icon"> <h:graphicImage value="/richfaces/toolBar/images/timer_task.gif" /> </f:facet> <h:outputLink value="http://jboss.com/index.html?module=bb&op=viewforum&f=261"> <h:outputText value="RichFaces Forum"></h:outputText> </h:outputLink> </rich:menuItem> </rich:dropDownMenu> </rich:toolBar> </h:form> <a4j:outputPanel ajaxRendered="true"> <h:outputText value="Current Selection: "></h:outputText> <h:outputText style="font-weight:bold" value="#{ddmenu.current}"></h:outputText> </a4j:outputPanel> </div> ... ... <div class="sample-container"> <h:form> <h:panelGrid class="vertical-menu-cell" columns="1" cellspacing="0" cellpadding="0"> <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option1" direction="bottom-right" jointPoint="tr"> <rich:menuItem value="Suboption1-1" /> <rich:menuItem value="Suboption1-2"> <f:facet name="icon"> <h:graphicImage value="/richfaces/toolBar/images/print.gif" /> </f:facet> </rich:menuItem> <rich:menuItem value="Suboption1-3" /> </rich:dropDownMenu> <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option2" direction="bottom-right" jointPoint="tr"> <rich:menuItem value="Suboption2-1" /> <rich:menuItem value="Suboption2-2" /> <rich:menuGroup value="Group2" direction="#{bean.groupDirection}"> <rich:menuItem value="SuboptionG2-2-1" /> <rich:menuItem value="SuboptionG2-2-2" /> </rich:menuGroup> <rich:menuItem value="Suboption2-3" /> </rich:dropDownMenu> <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option3" direction="bottom-right" jointPoint="tr"> <rich:menuItem value="Suboption3-1" /> <rich:menuItem value="Suboption3-2" /> <rich:menuItem value="Suboption3-3" /> </rich:dropDownMenu> </h:panelGrid> </h:form> </div>