5 Replies Latest reply on Jun 21, 2007 6:46 AM by Chris Tune

    Richfaces TabPanel skin

    Chris Tune Newbie

      I am trying to use the richfaces tabpanel component with the defualt skin, however no skin gets applied to the object. The tabpanel looks plain white. I have also noticed that the component does not get any css applied to any of its style attributes such as inactiveTabClass.
      I'm using the following in my jspx page:

      <rich:tabPanel inactiveTabClass="inactiveTab" contentClass="contentStyle">
      <rich:tab label="First" >
      <f:verbatim>1st</f:verbatim>
      </rich:tab>
      <rich:tab label="Second">
      <f:verbatim>2nd</f:verbatim>
      </rich:tab>
      <rich:tab label="Third">
      <f:verbatim>3rd</f:verbatim>
      </rich:tab>
      </rich:tabPanel>


      and in my css file:

      .inactiveTab{
      cursor: pointer;
      background-image: none;
      }
      .contentStyle{
      font-style: bold;
      }

      No style gets applied.
      I have tried richfaces 3.0.1 with ajax4jsf-1.1.1
      and also with richfaces 3.0.2 snapshot and ajax4jsf-1.1.2 snapshot

      Cheers

      Chris


        • 1. Re: Richfaces TabPanel skin
          Ilya Shaikovsky Master

          Unfortunatelly Can't tell the same.

          Under FireBug I'm able to see that for my page:

          .inactiveTab{
          cursor: pointer;
          background-image: none;
          }
          .contentStyle{
           font-size:large;
           font-style: bold;
          }
          
           <rich:tabPanel switchType="ajax" inactiveTabClass="inactiveTab" contentClass="contentStyle">
           <rich:tab label="label">
           <h:outputText value="Hello"></h:outputText>
           <h:inputText value="#{bean.property}" required="true"></h:inputText>
           <h:commandButton action="#{capitalsBean.action}" value="Press" immediate="true"></h:commandButton>
           </rich:tab>
           <rich:tab label="123123"></rich:tab>
           </rich:tabPanel>
          
          


          All styles get applied. I'm under SNAPSHOTS 3.0.2 and 1.1.2

          • 2. Re: Richfaces TabPanel skin
            Chris Tune Newbie

            Hi

            Thankyou for your reply. i'm using ie7 and firefox 2.0.0.4 and i'm still not getting any style though on the tabpanel.
            I'm using the css class .contentStyle you specficed on a tag in my jspx page its the css works, but does not apply to the tabpanel.

            What am i doin wrong?

            --jspx page--

            <!-- thie gets styled-->
            <f:verbatim>css test</f:verbatim>

            <!-- no style comes through__>
            <rich:tabPanel switchType="ajax" inactiveTabClass="inactiveTab" contentClass="contentStyle">
            <rich:tab label="label">
            <h:outputText value="Hello"></h:outputText>
            </rich:tab>
            <rich:tab label="123123"></rich:tab>
            </rich:tabPanel>

            --css page
            @CHARSET "ISO-8859-1";
            .inactiveTab{
            cursor: pointer;
            background-image: none;
            }
            .contentStyle{
            font-size:large;
            font-style: bold;
            }


            Many thanks in advance.

            • 3. Re: Richfaces TabPanel skin
              Ilya Shaikovsky Master

              Look to the fireBug or IE dev toolbar. Is styles isn't encoded or it's just don't get applied but present on elements?

              • 4. Re: Richfaces TabPanel skin
                Chris Tune Newbie

                Hi again.

                I looked at the output in firebug and it appears to be putting the style class on the object.
                This is what i get for the content of the first tab:

                Hello
                .

                it also rendered:
                123123

                Here is a link to the rendered output found with firebug:
                ftp://www.lbs-ltd.com/tablPanel.txt
                username: ftp_tabpanel
                password: FhKJCaSf

                Just right click to view source.

                Thanks very much for all your help

                regards

                Chris


                • 5. Re: Richfaces TabPanel skin
                  Chris Tune Newbie

                  Hi again.

                  I looked at the output in firebug and it appears to be putting the style class on the object but so style comes through

                  Here is a link to the rendered output found with firebug:
                  ftp://www.lbs-ltd.com/tablPanel.txt
                  username: ftp_tabpanel
                  password: FhKJCaSf

                  Just right click to view source.

                  Thanks very much for all your help

                  regards

                  Chris