4 Replies Latest reply on Nov 21, 2007 7:29 PM by Terry

    tabPanel messed up in IE ?

    Terry Apprentice

      I can't seem to get rich:tabPanel formatted correctly. Tabs go all over the place and lines of tabs and frames don't meet up with each other?

      That is just by adding 2 tabs in tabPanel - with only few lines of text in each tab.

      IE 6, Win XP. JSF, Facelets.

        • 1. Re: tabPanel messed up in IE ?
          Ilya Shaikovsky Master

          please paste your code, and put screenshot somewhere.

          • 2. Re: tabPanel messed up in IE ?
            Terry Apprentice

            please see test code below, and screen dump at http://www.tisc.edu.au/tab-panel-test.jpg

            I have tried specifying width etc for tabs and panel but it doesn't help.


            <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <ui:composition xmlns="http://www.w3.org/1999/xhtml"
             xmlns:s="http://jboss.com/products/seam/taglib"
             xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:h="http://java.sun.com/jsf/html"
             template="/layout/template.xhtml"
             xmlns:rich="http://richfaces.org/rich">
            
            <ui:define name="content">
            
            <div class="section">
             <h1>Tab Panel Test</h1>
             <p/>
             <rich:tabPanel>
             <rich:tab label="Tab 1">
             <ul>
             <li>Application administration and processing</li>
             <li>Member administration</li>
             <li>Public and Member system administration</li>
             </ul>
             </rich:tab>
            
             <rich:tab label="Tab 2">
             <ul>
             <li>Statistical and other reports</li>
             <li>Subscription administration</li>
             <li>Data comparison between Online and QTISC</li>
             <li>Results transfer from QTISC to Online</li>
             </ul>
             </rich:tab>
             </rich:tabPanel>
            </div>
            </ui:define>
            </ui:composition>
            



            • 3. Re: tabPanel messed up in IE ?
              Ilya Shaikovsky Master

              seems some of your css affected the tab panel. show your template and your own css applied to page.

              Or you may check with fireBug - what styles applied to tabs table and affects it.

              • 4. Re: tabPanel messed up in IE ?
                Terry Apprentice

                thank you ilya. yes it was my stylesheet. I had table around the tag conrol with width for table and columns etc. that was causing the problem. remove that table fixed it.