0 Replies Latest reply on Dec 13, 2007 5:37 AM by Valentyn Polischuk

    In modal panel not work effect

    Valentyn Polischuk Newbie

      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