1 Reply Latest reply on Mar 28, 2012 5:06 PM by whistlinjoe

    Richfaces 4, rich:popupPanel, autosize, and IE.

    whistlinjoe

      Hi guys,

       

      I'm having an issue with Richfaces 4 rich:popupPanel, the autosize attribute, and IE (specifically IE8).  When this page is rendered in IE and the "Test PopUp" button is clicked, the popup window runs the entire length of the screen.  When using Firefox or Chrome, the autosize attribute seems to kick in just fine and the popup panel only takes up as much room as it needs.  So two questions about this (and thanks in advance for any help).

       

      1)  Is this the same issue as reported here: https://community.jboss.org/message/608209 ? (I don't get enough information from the post to be able to determine if it is the same issue, though it seems to be.

      2)  Has anyone encountered this and come up with a work around other than what was posted in that thread by the OP?

       

      Below is the test source code I am using to troubleshoot (I can provide the source for the template if needed):

       

       

      IE screenshot:

      iepopupPanel.jpg

       

      Firefox screenshot:

      firefoxpopupPanel.jpg

       

      Thanks again for any help!

        • 1. Re: Richfaces 4, rich:popupPanel, autosize, and IE.
          whistlinjoe

          Not sure why it cut my code snippet out....I hope this works:

           

          <ui:composition xmlns="http://www.w3.org/1999/xhtml"

          xmlns:ui="http://java.sun.com/jsf/facelets"

          xmlns:f="http://java.sun.com/jsf/core"

          xmlns:h="http://java.sun.com/jsf/html"

          xmlns:a4j="http://richfaces.org/a4j"

          xmlns:rich="http://richfaces.org/rich"

          template="/templates/noMenuLayout.xhtml">

               <ui:define name="pageTitle">TEST</ui:define>

              <ui:define name="content">

              <a4j:outputPanel id="testGrid">   

                  <h:form>

                      <h:panelGrid columns="1" width="100%">

                          <h:panelGrid columns="1" styleClass="center-content">

                              <h:outputText value="Hi from Test Page" />

                          </h:panelGrid>

                          <h:panelGrid columns="1" styleClass="center-content">

                              <a4j:commandButton execute="@this" render="testPopup" oncomplete="#{rich:component('testPopup')}.show();return false;" value="Test PopUp" />

                          </h:panelGrid>                   

                      </h:panelGrid>

                      <rich:popupPanel id="testPopup" domElementAttachment="form" modal="true" autosized="true" onmaskclick="#{rich:component('testPopup')}.hide()">                   

                          <f:facet name="header">

                              <h:outputText value="Test Popup" />

                          </f:facet>

                          <f:facet name="controls">

                              <h:outputLink value="#" onclick="#{rich:component('testPopup')}.hide(); return false;">X</h:outputLink>

                          </f:facet>          

                            <h:panelGrid columns="1">                     

                              <h:outputText value="Hi from Test Popup" />

                          </h:panelGrid>

                          <h:panelGrid columns="1" styleClass="center-content">                                           

                              <a4j:commandButton render="testGrid" execute="testPopup" oncomplete="#{rich:component('testPopup')}.hide();" value="Ok"/>                   

                          </h:panelGrid>                                  

                      </rich:popupPanel>                   

                    </h:form>  

              </a4j:outputPanel>   

              </ui:define>        

          </ui:composition>