Problem with modalPanel
sammes Mar 29, 2007 10:52 AMHi,
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