1 Reply Latest reply on Mar 26, 2009 6:02 AM by Ilya Shaikovsky

    Drop down menu

    Faizuddin Tada Newbie

      I am new to richfaces and facing a problem with drop down menu. I am able to generate the menu whereas there is some space automatically coming above the menu. How can remove this space, I will appreciate if you anybody can help me.


      The space between table & menu I wanted to remove. Below is the code:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:a4j="http://richfaces.org/a4j"
       xmlns:rich="http://richfaces.org/rich">
      
       <head>
       <style type="text/css">
       <!--
       body {
       margin-left: 0px;
       margin-top: 0px;
       margin-right: 0px;
       margin-bottom: 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: xx-small;
       color: #333333;
       }
       .ver {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-weight: bold;
       color: #FF0000;
       font-size: x-small;
       vertical-align: sub;
       }
       .username {
       font-size: small;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       }
       a:link { color: #666666; text-decoration: none;}
       a:visited { color: #124976; text-decoration: none;}
       a:hover {
       color: #FF0000;
       border-bottom-width: 1px;
       border-bottom-style: dashed;
       border-bottom-color: #FF0000;
       }
       .selectblu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; border: 1px solid #84AAF2; color: #333333; background-color: #D8EBF5; margin: 0px; width: 90%;}
       .warning { color: red; font-size: small;}
       -->
       </style>
       </head>
      <body>
      <table width="100%" border="1" cellspacing="0" cellpadding="0">
       <tr>
       <td >Row 1==>Column 1</td>
       <td >Row 1==>Column 2</td>
       <td >Row 1==>Column 3</td>
       </tr>
       <tr>
       <td >Row 2==>Column 1</td>
       <td >Row 2==>Column 2</td>
       <td >Row 2==>Column 3</td>
       </tr>
      </table>
      <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: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>
      
      
      </body>
      </html>