4 Replies Latest reply on Mar 30, 2007 3:03 AM by sammes

    Problem with modalPanel

    sammes

      Hi,

      I treid to integrate the modalPanel in my xhtml page.

      When opening the opage, I first get asked if I want to display the nonsecure items (in a dialog).

      I am using https and IE6.

      After confirming this twice, I see the link for the modalPanel.

      When I click on that, an grey area opens over the half of my screen.

      I dont see the content of the modealPanel and I am not able to close it.

      On Firefox it works.

      Is there any known problem ?

      Here is the xhtml page:

      
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:c="http://java.sun.com/jstl/core"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:t="http://myfaces.apache.org/tomahawk"
       xmlns:rich="http://richfaces.ajax4jsf.org/rich"
       xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
       template="/template/mainTemplate.xhtml">
      
      
      <ui:param name="pageLabel" value="xy" />
      <ui:param name="pageDescription" value="xy" />
      
      <ui:define name="mainContent">
      
      <h:form id="ruleGroupForm">
      
      
      <rich:dataTable
       onRowMouseOver="this.style.backgroundColor='#F5F5F5'"
       onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
       cellpadding="1"
       cellspacing="0"
       width="90%"
       border="0"
       id="ruleGroups"
       var="ruleGroup"
       style="background-color: #f5f5f5"
       value="#{ruleGroupList.ruleGroupList}">
      
      <f:facet name="header">
       <rich:columnGroup>
       <rich:column>
       <h:outputText value="Id" />
       </rich:column>
       <rich:column>
       <h:outputText value="Group Name" />
       </rich:column>
       <rich:column>
       <h:outputText value="Last User" />
       </rich:column>
       <rich:column>
       <h:outputText value="Last Change" />
       </rich:column>
       <rich:column>
       <h:outputText value="Created" />
       </rich:column>
       <rich:column style="width:150px">
       <h:outputText value="Action" />
       </rich:column>
       </rich:columnGroup>
      </f:facet>
      
      <rich:columnGroup>
       <rich:column>#</rich:column>
      
       <rich:column>#</rich:column>
      
       <rich:column>#</rich:column>
      
       <rich:column>#</rich:column>
      
       <rich:column>#</rich:column>
      
       <rich:column style="text-align:center;width:150px">
       <a4j:commandButton styleClass="button" value="Edit" action="GROUP_EDIT" immediate="true">
       <t:updateActionListener property="#{ruleGroupMaintenance.groupId}" value="#{ruleGroup.regId}"/>
       <t:updateActionListener property="#{ruleGroupMaintenance.view}" value="1"/>
       </a4j:commandButton>
        
       <a4j:commandButton styleClass="button_blue_border_blue" value="Delete Group" action="#{ruleGroupMaintenance.deleteGroup}" reRender="rules">
       <t:updateActionListener property="#{ruleGroupMaintenance.groupId}" value="#{ruleGroup.regId}"/>
       </a4j:commandButton>
       </rich:column>
      </rich:columnGroup>
      
      </rich:dataTable>
      
      <br/><br/>
      
      <a4j:commandButton styleClass="button_blue_border_blue" value="Insert" action="GROUP_EDIT" immediate="true">
      <t:updateActionListener property="#{ruleGroupMaintenance.view}" value="0"/>
      </a4j:commandButton>
       
      <a4j:commandButton styleClass="button_blue_border_blue" value="Rule List" action="RULE_LIST" immediate="true"/>
       
      <a href="javascript:Richfaces.showModalPanel('ruleGroupForm:mp',{width:450, top:200})">test</a>
      
      <rich:modalPanel id="mp" minHeight="200" minWidth="450"
       height="200" width="500" zindex="2000">
       <f:facet name="header">
       <h:outputText value="Modal Panel Title" />
       </f:facet>
       <f:facet name="controls">
       x
       </f:facet>
       <p>Any JSF content might be inside the panel. In case of using
       Facelets or JSF 1.2, it might be any mixed content.</p>
      
       <p>The RichFaces modal panel is good with <a4j:include> to create
       a wizard like behavior.</p>
       <p>The model panel is open and closed from the javascript function
       on <i>Richfaces</i> object. The following code
       <a href="javascript:Richfaces.hideModalPanel('ruleGroupForm:mp')">hide this panel</a>:
       Richfaces.hideModalPanel('mp')</p>
      
      </rich:modalPanel>
      
      
      </h:form>
      
      </ui:define>
      
      </ui:composition>
      


      regards
      sammes