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

       

       

      http://i921.photobucket.com/albums/ad52/rodmen_mx_photos/borde_zps43ec232c.jpg

       

      Thanks

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

          This tab is generated by

           

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

                                     activeItem="#{demoNavigator.currentSample.id}"

                                     onbeforeitemchange="return false;">

           

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

           

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

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

                    background:#F5F9FA;

                    border:0;

                    height:31px;

                    padding:0;

          }

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

                    background:#ffffff;

                    border-bottom:0;

                    color:#5F9CD0;

          }

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

                    font-weight:bold;

          }

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

           

          /*Tabs*/

           

           

          .rich-tab-active {

              border: 0px;

          }

           

           

          .rich-tab-disabled{

              border: 0px;

          }

           

           

          .rich-tab-header{

              border: 0px;

          }

           

           

          navigation .rf-tbp {

              border:0px;

          }

           

          but I can't get it.