modalService.xhtml

<f:subview xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:rich="http://richfaces.ajax4jsf.org/rich"
xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">

<rich:modalPanel id="panel" width="800" height="600" top="200" left="300">
<ui:include src="/pages/persistance/server/viewEffect.xhtml"/>
</rich:modalPanel>
<h:outputLink value="#" id="link" style="display:block;height:75px">
<h:graphicImage value="/images/Service1.png" style="border:0" width="100%"/>
<rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>
</h:outputLink>
</f:subview>

Click on image "/images/Service1.png" and show modal panel. In modal panel include viewEffect.xhtml

viewEffect.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:rich="http://richfaces.ajax4jsf.org/rich"
xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">

<a4j:form>

<rich:panel id="viewServerPanel" style="width: 99%; height:100%;">
<f:facet name="header">View Server Panel</f:facet>
<a4j:outputPanel ajaxRendered="true">
<h:panelGrid columns="2" width="100%">

<h:outputText value="Server Id:" styleClass="label"/>
<h:outputText value="#{server.entity.server_id}" title="server_id"/>
<h:outputText value="Ip:" styleClass="label"/>
<h:outputText value="#{server.entity.ip}" title="ip"/>
<h:outputText value="Name:" styleClass="label"/>
<h:outputText value="#{server.entity.name}" title="name"/>
<h:outputText value="Mac Address:" styleClass="label"/>
<h:outputText value="#{server.entity.mac}" title="mac"/>
</h:panelGrid>
</a4j:outputPanel>

<f:verbatim>

Goto
Edit
</f:verbatim>

<a4j:commandButton id="create" action="#{server.create}" styleClass="rsButton"
oncomplete="dropOut_viewServerPanel()"
value="Create" disabled="#{!server.isAccess}"/>
<a4j:commandButton id="edit" action="#{server.edit}" styleClass="rsButton"
oncomplete="dropOut_viewServerPanel()"
value="Edit" disabled="#{!server.isAccess}"/>
<a4j:commandButton id="delete" action="#{server.delete}" styleClass="rsButton"
value="Delete" disabled="#{!server.isAccess}"/>

</rich:panel>

</a4j:form>


<rich:effect name="dropOut_viewServerPanel" for="viewServerPanel" type="DropOut"
params="delay:0.1,duration:0.4"/>
<rich:effect name="appear_viewServerPanel" for="viewServerPanel" type="Appear" params="delay:0.7,duration:0.5"/>

<rich:effect for="viewServerPanel" name="hideViewServer" type="Fade"/>
<rich:effect for="viewServerPanel" name="showViewServer" type="Appear"/>

</ui:composition>
When click commandButton or Goto Edit</span not hapen
When I lunch page viewEffect.xhtml effects is work

Help. How effect work in modalPanel