4 Replies Latest reply on Sep 9, 2010 9:01 AM by sathishavunoori

    Removing/Changing style of border around rich tab

    javaxchange

      Hi

       

      I am seeking your help to sort out the following issues in rich tab,

       

           1. How can I remove the border around rich tab. I tried setting border style property in tab class, but it seems that border is different from an out line border which coming by default. I want to remove that light border which coming by default for inactive tabs

           2. Is it possible to change the border shape. I mean, I want a round cornered border for the active tab

           3. Is it possible to place a component in the blank space as shown in figure without using <div>?

      Please refer the following image to get the exact picture of my issues.

       

      tab.JPG

       

      Any help would be greatly appreciated.


      Thanks & regards,
      Sreejith.PS

        • 1. Re: Removing/Changing style of border around rich tab
          ilya_shaikovsky

          1) if you can't find oproper style class using docs the simplest way to quickly check needed one - FireBug for FireFox usage. You will be able to inspect classes which adds border and redefine them.

           

          2) Without markup of the tab rewriting - seems no cross-browser solution. It's not a RF limitation - we just not providing the partial solutions (there are some available you could easilly check in google). You could check our browsers support matrix - and we can't rely on the workarounds to support them all well. But you could search for some CSS solution for your concrete supported browsers requirements and try to apply them using 1) advice.

           

          3) no. only by using some div's with custom positioning.

          • 2. Re: Removing/Changing style of border around rich tab
            sathishavunoori

            Hi ,

             

            I would also having the same requirement that i need to remove the border of rich tab ,

             

            if any one have solved this, please explain me with some example code ..

             

            because i trying since 3days for this ...

             

             

            no proper style property found in google to me.........

             

             

            please help

             

             

             

            Thanks in advance

            sathish

            • 3. Re: Removing/Changing style of border around rich tab
              javaxchange

              You can try this,

               

              .dr-tbpnl-tbbrdr

              {

               

              background-image:none;

              }

               

              .rich-tabhdr-side-cell

              {

               

              border:none;

              }

               

               

               

              • 4. Re: Removing/Changing style of border around rich tab
                sathishavunoori

                Hi Sreejith Ps,

                Thanks for your answer , i tried your code ,it is greately working . thanks again.

                 

                 

                Can you tell me where should i get complete reference for css attributes and classes of richfaces components with some examples ?

                 

                If you know please refere me..

                If possibele send some examples or links to my email id: sathish.avunoori@gmail.com

                 

                I hope you can..

                 

                thanks in advance