0 Replies Latest reply on Nov 29, 2012 9:24 PM by Eswara MoorthyNEC

    Can not move modal panel

    Eswara MoorthyNEC Newbie

      Hi,  I cannot move modal panel.  Eventhough i am using   movable="true"  attribute

       

      I have include one jsp page in that modal panel.

       

      main.jsp

       

       

      <f:view>
          <html>
              <head>
                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
              </head>
              <body>
                  <h:form id="modalPanelForm"> 
                      <a4j:outputPanel id="outputPanel">
                           <a4j:commandButton value="Show Modal Panel" onclick="#{rich:component('modalPanel')}.show();"/>
                      </a4j:outputPanel> 
                 </h:form> 
      
                 <rich:modalPanel id="modalPanel" moveable="true">
      
                     <f:subview id="jobSchedulerSubView">
                          <jsp:include page="test1.jsp" flush="true"/>
                     </f:subview> 
                  </rich:modalPanel> 
              </body>
          </html>
      </f:view>
      

       

      test1.jsp

       

       

      <%@page contentType="text/html" pageEncoding="UTF-8"%>
      <!DOCTYPE html>
      
      <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
      <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
      <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
      <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
      <f:verbatim>
          <html>
              <head>
                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
              </head>
              <body>
              </f:verbatim>
      
              <h:form id="testForm"> 
                  <rich:panel id="testRichPanel"> 
                      <f:facet name="header">
                           <h:outputText value="SecondModalpanel"/>
                      </f:facet> 
      
                      <a4j:outputPanel id="testOutputPanel">
                           <a4j:commandButton value="Close Modal Panel" 
                                                onclick="#{rich:component('modalPanel')}.hide();"
                                                reRender="modalPanel"/>
                          </a4j:outputPanel> 
                   </rich:panel>
              </h:form>
      
              <f:verbatim>
              </body>
          </html>
      </f:verbatim>
      

       

       

      Help me.

      Thanks in advance.