4 Replies Latest reply on Nov 10, 2008 8:37 AM by soso xuc

    rich tab problem

    soso xuc Newbie

      Hi all

      i have problem with rich tab
      using richfaces 3.2.2.GA+Tomcat

      page contains two panels and tabpanel inside one of panels.
      the tab's right border in the tabpanel is rendered outeside of the borders of tabpanel. how to adjust this visual problem ?

      <table width="100%" height="100%">
      <tr><td width="200px"><rich:panel header="newitem" style="height:100%"></rich:panel>
      </td><td><rich:panel header="panel1" style="height:100%">
      <rich:tabPanel><rich:tab ><f:facet name="label"><h:commandLink value="panel2"></h:commandLink></f:facet></rich:tab><rich:tab label="panel3"></rich:tab></rich:tabPanel></rich:panel>
      </td>
      </tr>
      </table>
      


      Thanks in advance

        • 1. Re: rich tab problem
          Nick Belaevski Master

          Hi,

          This helped me:

          <table width="100%" height="100%">
          <tr><td width="200px"><rich:panel header="newitem" style="height:100%"></rich:panel>
          </td><td><rich:panel header="panel1" style="height:100%">
          <div style="width: 100%">
          
          <rich:tabPanel><rich:tab ><f:facet name="label"><h:commandLink value="panel2"></h:commandLink></f:facet></rich:tab>
          <rich:tab label="panel3"></rich:tab></rich:tabPanel>
          
          </div>
          
          </rich:panel>
          </td>
          </tr>
          </table>
          or try that:
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          



          • 2. Re: rich tab problem
            Nick Belaevski Master

            Please take a look at this article:

            http://msdn.microsoft.com/en-us/library/bb250481.aspx


            • 3. Re: rich tab problem
              soso xuc Newbie

              Thanks nick for the answer.
              your post helped me, but there is a little problem.

              i cant adjust the height of the tabs. in IE7 it is very little (minimal height)
              and in firefox it outcomes tabpanels borders.

              is there any solution ?

              Thanks in advance

              <style>
               .gainlayout { min-height: 0; }//they say it is IE7's hack
              </style>
              ----------
              <table style="height: 100%;width:100%">
               <tr>
               <td width="200px"><rich:panel header="new item"
               style="height:100%">
               </rich:panel></td>
               <td><rich:panel header="lists"
               style="height:100%;" >
              
               <div style="height:100%;width:100%;" class="gainlayout">
               <rich:tabPanel height="100%" >
               <rich:tab >
               <f:facet name="label">
               <h:commandLink value="list1"></h:commandLink>
               </f:facet>
               </rich:tab >
               <rich:tab label="list2" ></rich:tab>
               </rich:tabPanel></div>
               </rich:panel></td>
               </tr>
               </table>
              
              


              • 4. Re: rich tab problem
                soso xuc Newbie

                One more thing

                when trying

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                


                i cant set the height of components to 100%