0 Replies Latest reply on Mar 5, 2008 12:42 AM by Smokin' Hobi

    Drop Down Menu background-color:

    Smokin' Hobi Newbie

      Hello. I am using the awesome RichFaces DropDown Menu and I need to change the default sky blue color to my application back ground color. Is it possible to make it transparent?
      http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=dropDownMenu

      Here is code look like...


      <style>
       .menu{
       background-color:#{richSkin.generalBackgroundColor};
       }
       </style>
      
       <h:form>
       <rich:toolBar styleClass="menu" >
       <rich:dropDownMenu value="File">
       <rich:menuItem submitMode="ajax" value="Add" action="#{ddmenu.doNew}">
       </rich:menuItem>
      
       <rich:menuItem submitMode="ajax" value="Delete" 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.doSavePDF}"/>
       </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 value="Edit">
       <rich:menuItem submitMode="ajax" value="Cut" action="#{ddmenu.doNew}">
       </rich:menuItem>
      


      I wonder, where can I find the list of skin color. richSkin.generalBackgroundColor

      I have also tried and made my own style which match with my application BG color, it works, kind of, I wonder any better ways to do it.
      <style>
      .menu{
       background-image:url(images/menuBGImage.jpg);
      }
      </style>
      

      Thanks
      Hobi