4 Replies Latest reply on Apr 18, 2008 4:25 AM by alex#richfaces1970

    Modal Panel is acting strange in Richfaces 3.2.0

    alex#richfaces1970
    alex#richfaces1970 Apr 10, 2008 12:01 PM

      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]

      • 1833 Views
      • Tags:
        • 1. Re: Modal Panel is acting strange in Richfaces 3.2.0
          nbelaevski
          nbelaevski Apr 10, 2008 1:32 PM (in response to alex#richfaces1970)

          Hello,

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

            • Actions
          • 2. Re: Modal Panel is acting strange in Richfaces 3.2.0
            alex#richfaces1970
            alex#richfaces1970 Apr 14, 2008 3:59 AM (in response to alex#richfaces1970)

            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

              • Actions
            • 3. Re: Modal Panel is acting strange in Richfaces 3.2.0
              ilya_shaikovsky
              ilya_shaikovsky Apr 14, 2008 10:01 AM (in response to alex#richfaces1970)

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

                • Actions
              • 4. Re: Modal Panel is acting strange in Richfaces 3.2.0
                alex#richfaces1970
                alex#richfaces1970 Apr 18, 2008 4:25 AM (in response to alex#richfaces1970)

                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

                  • Actions