7 Replies Latest reply on May 1, 2009 5:46 AM by lmk

    tabPanel SKIN

    lmk

      Hello,

      Im using blueSky Skin, I want t change all tabPanels style, when I override tabPenels style classes I still get background image ..
      how can i customize tabPanel style using only CSS ?

        • 1. Re: tabPanel SKIN
          lmk

          it seems that I need to modify .dr-tbpnl-tb
          I do not found this classe on Richfaces documentation..
          is it the goog way?

          • 2. Re: tabPanel SKIN
            nbelaevski

            Hello,

            No, that's not the right way. Have you checked rich-tab-header?

            • 3. Re: tabPanel SKIN
              lmk

              I tried, but it does not work

              .rich-tab-header {
              ...
              background:none;
              }



              • 4. Re: tabPanel SKIN
                nbelaevski

                Try

                background-image: none;


                • 5. Re: tabPanel SKIN
                  lmk

                  yes I tried..same behaviour.

                  • 6. Re: tabPanel SKIN
                    nbelaevski

                    Works just fine for me with 3.3.1-snapshot:

                    <style type="text/css">
                     .rich-tab-header {
                     background-image: none;
                     }
                     </style>
                     <rich:tabPanel>
                     <rich:tab label="abc">
                    
                     </rich:tab>
                     <rich:tab label="abc">
                    
                     </rich:tab>
                    
                     </rich:tabPanel>


                    • 7. Re: tabPanel SKIN
                      lmk

                      thanks, it works better, but, how can i set a special tabPanel header styles, side-border ??

                      and I still have a tab border problem, I see generated between tabs and it contains image:

                      img height="1" style="border: 0pt none ; width: 1px;" src="/webapp/a4j/g/3_3_0.GAimages/spacer.gif" alt=""
                      


                      Best regards