4 Replies Latest reply on Apr 18, 2008 4:25 AM by Alexander Zauner

    Modal Panel is acting strange in Richfaces 3.2.0

    Alexander Zauner Newbie

      Hi,
      today I am confronted with a rendering problem regarding modal panels.
      I want to control the modalPanel-content with the backing-bean ModalPanelHandler .
      The jsp-code-fragment including the modal panel:

      <%-- modale Panels --%>
       <t:div id="modalPanelCommonWrapper">
       <rich:modalPanel id="modalPanelCommon" rendered="#{modalPanelHandler.showModalPanelCommon}"
      
      showWhenRendered="true" resizeable="false" shadowOpacity="0" autosized="true">
      <a4j:include id="modalPanelCommonInclude" viewId="#{modalPanelHandler.incFileModalPanel}" />
      </rich:modalPanel>


      As you can imagine from the code-snipet above the backing-Bean steers both, the visibility of the panel "showModalPanelCommon"and the path to the included file.
      <a4j:include id="modalPanelCommonInclude" viewId="#{modalPanelHandler.incFileModalPanel}" />.

      that worked pretty well, but since I updated richfaces from version 3.1.3 to version 3.2.0 all of a sudden a strange rendering problem emerges: instead of showing the background as an

      homogenious grey semitransparent folio it is splitted into parts and seems to be rendered badly; but I can't see the very reason for this awkward behavior.

      Thank you for your help.
      Alex
      [/img]

        • 1. Re: Modal Panel is acting strange in Richfaces 3.2.0
          Nick Belaevski Master

          Hello,

          What browser do you use? Could you please add screenshot and included page code? Thank you in advance!

          • 2. Re: Modal Panel is acting strange in Richfaces 3.2.0
            Alexander Zauner Newbie

            Hi,
            I watch the application in Firefox/2.0.0.13 (stangly enough in IE7 the rendering problem not appears)

            the code from the whole jsp-page is:

            <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
            <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
            <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
            <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
            <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
            
            <html>
             <head>
             <title>Agonto Enterprise Hauptseite</title>
             <link href="css/basic.css" rel="STYLESHEET" type="text/css" />
             <script type="text/javascript" src="javascript/global.js"></script>
             <script type="text/javascript" src="javascript/main.js"></script>
             <script type="text/javascript" src="javascript/login.js"></script>
             <script type="text/javascript" src="javascript/loading.js"></script>
             <script type="text/javascript" src="javascript/layer.js"></script>
             <script type="text/javascript" src="javascript/tooltips.js"></script>
             <script type="text/javascript" src="javascript/menu.js"></script>
            
             </head>
            
             <body onLoad="setTimeout('pageReload()',3000)">
            
             <f:view>
             <t:div styleClass="mainWrapper" id="mainWrapper">
             <a4j:region id="bodyAndHeader">
             <a4j:include viewId="#{navigationHandler.incFileHeader}" id="header" />
            
             <t:div id="body">
             <a4j:include viewId="#{navigationHandler.incFileBody}" />
            
             <%-- modale Panels --%>
             <t:div id="modalPanelCommonWrapper">
             <rich:modalPanel id="modalPanelCommon"
             rendered="#{modalPanelHandler.showModalPanelCommon}"
             showWhenRendered="true"
             value=""
             resizeable="false"
             shadowOpacity="0"
             autosized="true">
            
             <a4j:include id="modalPanelCommonInclude" viewId="#{modalPanelHandler.incFileModalPanel}" />
            
             </rich:modalPanel>
             </t:div>
             </t:div>
             </a4j:region>
             <a4j:include viewId="#{navigationHandler.incFileFooter}" id="footer" />
             </t:div>
            
             <%-- Warteschleife (Sanduhr) --%>
             <t:div id="waitloop" style="position:absolute;top:800px;color:#0000aa;z-index:5000">
             <a4j:status onstart="loadingStartRequest()" onstop="loadingStopRequest()" for="bodyAndHeader" />
             </t:div>
            
             <rich:modalPanel id="modalLoading" shadowOpacity="0"
             resizeable="false" autosized="true" style="zIndex:5000;padding:0px;-moz-opacity:0.2;" rendered="true">
             <t:div style="margin:auto;" id="loadingPic">
             <img src="images/loading.gif"/><br/>
                loading   
             </t:div>
             </rich:modalPanel>
            
             <%-- Tooltips --%>
             <h:outputText value="#{tooltipHandler.standardTooltips}" escape="false" />
            
             </f:view>
            
            
            </body>
            </html>
            
            


            but for your request concerning a screenshot - I simply just don't know how to upload a pic in this forum. Probably you can give me a hint.
            thanks alex

            • 3. Re: Modal Panel is acting strange in Richfaces 3.2.0
              Ilya Shaikovsky Master

              http://picbite.com/ - nice resource to upload and comment your screens

              • 4. Re: Modal Panel is acting strange in Richfaces 3.2.0
                Alexander Zauner Newbie

                Hi,
                first of all, thank you for your tip; it realy seems to be a gap of web-knowledge not to be acquainted with picbite.

                In IE7 the modal panel is rendered right:
                [url=http://picbite.com/11653apqqyc/][img=http://picbite.com/img/thumb_11653apqqyc.jpg][/url]

                in Firefox it looks like this:
                [url=http://picbite.com/11651npsros/][img=http://picbite.com/img/thumb_11651npsros.jpg][/url]

                after all - it occurs to me a quite small problem - but I still can't handle it; the problem does not depend on the content of the layer (it even appeares at layers with no content).

                Thx for help