1 Reply Latest reply on Oct 19, 2008 7:17 PM by Nick Belaevski

    dropDownMenu horizontal align doesnt working :(

    David de Lucca Newbie

      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 :(
          Nick Belaevski Master

          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>
          
          
          or
          <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.