4 Replies Latest reply on Mar 9, 2009 7:04 AM by airliner

    Problem with tabPanel and modalPanel in IE

    reinhard.graf

      Hi,

      in a tab of my tabPanel i want to open a modalDialog.
      If I open the modalDialog, the tabPanel is shown only as
      a small stripe.

      Screenshot TabPanel:
      http://www.intelicon.eu/screenshots/tabpanel.jpg

      Screenshot ModalPanel:
      http://www.intelicon.eu/screenshots/modalpanel.jpg

      Here is the code of my page

      
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      
      <html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:rich="http://richfaces.org/rich"
       xmlns:a4j="http://richfaces.org/a4j">
      <f:loadBundle basename="messages" var="msg" />
      <head>
       <title>${msg.title}</title>
       <link href="/iProject/styles/style2.css" rel="stylesheet" type="text/css"/>
      </head>
      
      <body style="background-color: #004071;">
      
       <div id="maincontainer">
       <div id="container">
       <rich:tabPanel id="tabPanel" width="100%" >
       <rich:tab label="Tab1">
       <f:subview>
       <rich:modalPanel id="panel" autosized="true">
       <a4j:form>
       <h:outputText value="text"/>
       <a4j:commandButton value="close" ajaxSingle="true" onclick="Richfaces.hideModalPanel('panel');"/>
       </a4j:form>
       </rich:modalPanel>
       </f:subview>
       <a4j:commandButton value="Dialog" ajaxSingle="true" onclick="Richfaces.showModalPanel('panel');"/>
       </rich:tab>
       </rich:tabPanel>
       </div>
       </div>
      </body>
      </html>
      
      


      I'm using RichFaces 3.3.0, JDK 1.6 and JBoss 4.2.2.GA

      regards

      Reinhard