1 Reply Latest reply on Mar 15, 2013 1:44 PM by Rodrigo Mendoza

    RichFaces tablePanel styles .rf-tab

    Rodrigo Mendoza Novice

      Hi, im just switch to the new

      RichFaces 4.3.1.Final Released

      and I have no idea how to eliminate this border and background on the tab

      can any one please help me






        • 1. Re: RichFaces tablePanel styles .rf-tab
          Rodrigo Mendoza Novice

          This tab is generated by


          <rich:tabPanel switchType="client" styleClass="navigation"


                                     onbeforeitemchange="return false;">


          and styleClass="navigation" is found on application.css


          /*--- RichFaces tablePanel styles overwriting ---*/

          .navigation .rf-tab-hdr-tabline-vis{






          .navigation .rf-tab-hdr{

                    border:1px solid #dddddd; /*borde gris del tab en demo*/

                    padding:6px 10px 0;

                    margin-right: 3px;


          .navigation .rf-tab-hdr-act{





          .navigation .rf-tab-hdr-act .rf-tab-lbl{



          .navigation .rf-tab-hdr-inact{

                    background:#c6cacc url(../images/pmenu_bg.png) left top repeat-x;

                    border:1px solid #bec3c7;


          .navigation .rf-tab-hdr-spcr{

                    border-bottom:1px solid #dddddd;

                    padding:0 3px 0 0;


          .navigation .rf-tab-lbl{

                    font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;




          textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], select[disabled] {

              -webkit-text-fill-color: #B6AD84;



          I have try this..





          .rich-tab-active {

              border: 0px;





              border: 0px;





              border: 0px;




          navigation .rf-tbp {




          but I can't get it.