dropDownMenu horizontal align doesnt working :(

davidpadilha Oct 17, 2008 3:41 PM

Hey

I have the version 3.1.6 and i dont know how to do a horizontal align on my menu. My menu and submenus just do vertical align. How can i open the submenu horizontal align to the father?

This is my code:

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich" %>


<html>
<head>
<style>
 .optionList {
 height:22px;
 }

 </style>

</head>
<body>
<f:view>
 <h:form>

 <h:panelGrid style="padding:0px 80px 0px 4px;" columnClasses="optionList" columns="1" cellspacing="0" cellpadding="0">
 <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option1"
 submitMode="none" direction="bottom-right" jointPoint="tr">
 <rich:menuItem value="Suboption1-1" />

 <rich:menuItem value="Suboption1-3" />
 </rich:dropDownMenu>


 </h:panelGrid>
 </h:form>
 </f:view>
</body>
</html>

can someone give me a hand? :D

1. Re: dropDownMenu horizontal align doesnt working :(

nbelaevski Oct 19, 2008 7:17 PM (in response to davidpadilha)

Hi,

I'm not sure what do you mean by horizontal alignment, can you please try the following code:

<rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option1"
 submitMode="none" direction="bottom-left" jointPoint="br">
 <rich:menuItem value="Suboption1-1" />

 <rich:menuItem value="Suboption1-3" />
 </rich:dropDownMenu>

<rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option1"
 submitMode="none" direction="bottom-right" jointPoint="bl">
 <rich:menuItem value="Suboption1-1" />

 <rich:menuItem value="Suboption1-3" />
 </rich:dropDownMenu>

and check if that is what you want?

bl/br stand for bottom-left/bottom-right respectively.