1 Reply Latest reply on May 26, 2011 12:50 PM by ujjets

    Problem Displaying Rich Modal Panel

    ujjets Newbie

      We are using Richfaces 3.3.1

       

      I am attempting to display a Rich Modal Panel :

       

      <a:form id="form">

          <h:outputLink

              value="javascript:alert('test');javascript:Richfaces.showModalPanel('aboutUsers');">

              <h:outputText value="message" />

          </h:outputLink>

          <rich:modalPanel onbeforeshow="alert('THIS IS A TEST');"

              id="aboutUsers" width="350" height="115" style="overflow:none;"

              styleClass="styleclass" onresize="return false;">

              <s:div>

                  This is content about users

              </s:div>

          </rich:modalPanel>

      </a:form>

       

      I end up with a javascript error on clicking the link to display the modal panel :

       

      The first two error messages appear when I load the page:

       

      Error: element.style is undefined

      Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/modalPanelBorders.js

      Line: 2

       

      Error: element.dispatchEvent is not a function

      Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg.ajax4jsf.javascript.PrototypeScript

      Line: 265

       

      This message appears when I actually click the link to display the modal panel:

       

      Error: panel.component is undefined

      Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/modalPanel.js

      Line: 108

       

      Not sure what I am missing here.any pointers greatly appreciated.

       

      Thanks.