8 Replies Latest reply on Feb 17, 2011 11:02 AM by Agustin Sivoplás Ferrari

    rich:modalPanel position on the screen

    Agustin Sivoplás Ferrari Expert

      How can do rich:modalPanel appear in the center of the screen? I'm using a modal when an ajax request is fired, in IE and Mozilla appear in the middle, but in Google Chrome appear in bottom.

       

      The code:

      <a4j:status id="statusAjaxLoadingModalBox" onstart="Richfaces.showModalPanel('ajaxLoadingModalBox')"
              onstop="Richfaces.hideModalPanel('ajaxLoadingModalBox')"></a4j:status>
      <rich:modalPanel id="ajaxLoadingModalBox" height="95" width="80" resizeable="false" moveable="false">
      <f:facet name="header">
      <h:outputText value="#{msg.loadingBundle}"/>
      </f:facet>
         <h:graphicImage id="img" value="/images/loading.gif"/>
      </rich:modalPanel>

       

      <a4j:status id="statusAjaxLoadingModalBox" onstart="Richfaces.showModalPanel('ajaxLoadingModalBox')" 
                    onstop="Richfaces.hideModalPanel('ajaxLoadingModalBox')"></a4j:status>
      
                <rich:modalPanel id="ajaxLoadingModalBox" height="95" width="80" resizeable="false" moveable="false">
                     <f:facet name="header">
                          <h:outputText value="#{msg.loadingBundle}"/>
                     </f:facet>
                    <h:graphicImage id="img" value="/images/loading.gif"/>
                </rich:modalPanel> 
      

       

      I'm using Richfaces 3.3.3 GA

       

      Thanks in advanced