3 Replies Latest reply on Feb 23, 2009 10:59 AM by Nick Belaevski

    menu look and feel

    jigar parekh Newbie

      i am using Richfaces 3.3.0 and i have changed menu look and feel in below way
      created seperate style sheet file with below classes defined

      .dr-menu-label {
       font-size: 11px;
       font-weight: normal;
       white-space: normal;
      }
      
      .dr-menu-label-select {
       border: 0px solid;
       cursor: pointer;
       padding: 16px 6px;
       padding-left: 7px;
       background-color: transparent;
      }
      
      .dr-menu-label-unselect {
       border: 0 solid transparent;
       padding: 16px 6px;
       padding-left: 7px;
      }
      
      .dr-menu-item-hover {
       border-bottom: 1px solid;
       border-top: 0px;
       border-left: 0px solid #ece8e2;
       border-right: 0px;
       cursor: pointer;
       height: 20px;
       color: white
       /*background-image:url("../images/bullet_round.jpg");background-position:left;background-repeat: no-repeat;*/
      }
      
      .dr-menu-item-enabled {
       border-bottom: 1px solid;
       padding: 0px;
       height: 20px;
       padding-top: 15px;
       width: 168px;
       background-color: white;
      }
      
      .dr-menu-item {
       font-family: Verdana;
       font-weight: normal;
       font-size: 10px;
       padding: 0px;
       height: 20px;
       width: 176px;
       padding-top: 7px
      }
      
      .dr-menu-list-border {
       border: 0px solid;
       float: left;
       position: absolute;
       width: 100px
      }
      
      .dr-menu-list-bg {
       border: 0px solid green;
       width: 180px;
       background-color: gray;
       padding: 0px;
      }
      
      .dr-menu-icon {
       margin-right: 0px;
      }
      
      .dr-menu-icon img {
       height: 5px;
       vertical-align: middle;
       width: 15px;
      }
      
      .rich-menu-list-bg {
       background-color: #ece8e2;
       width: 172px;
       height: auto;
       margin: 0px;
      }
      .dr-menu-list-border{border:0px solid red;height: 27px; background-image: url("../images/blank.gif");}
      


      include in this file in head section. The reason for over ridding all this class as menu property doesnt allow class for above classes.

      now problem is i am getting same look and feel while i use extended data table and menu which comes when i select click on end of column
      i want default look and feel for this menu

      How can i do this?