title: primefaces layout
body: <p>I'm using Primefaces 3.4.2 with JSF2.1 I created a page divided into some layout units. In right layout unit I have a accordionPanel and created dynamic menu, and middle center layout consist of ui:include and a page is loaded in the layer , When I click on a link opens a dialog That includes a dynamic page.
  After opening and closing the dialog without performing any action in right layout,middle center layout doesn't work anymore. I can see it,but I click input text I can not type anything into it also click other components nothing happens!!! what is problem?Is there a solution to this?</p>
  
  <p>when click menu items open dialog include other page and when click tree node center layout change,the page that open in dialog work well,but when close dialog ,center layout buttons and inputs dont work,other layouts components work well!</p>
  
  <p>my new code:</p>
  
  <pre><code>     &lt;p:layoutUnit id="right" position="east" size="145"  style="text-align:center;direction: ltr!important;padding: 0px!important;"&gt;
                      &lt;h:form prependId="false"&gt;
                           &lt;script type="text/javascript"&gt;
                              function test(id,url,title){
                                  document.getElementById('h1').value=id;
                                  document.getElementById('h2').value=url;
                                  document.getElementById('h3').value=title;
                                  salamm.jq.click();
                              } 
                          &lt;/script&gt;
                          &lt;h:inputHidden id="h1" value="#{adminC.nclose}" /&gt;
                          &lt;h:inputHidden id="h2" value="#{adminC.nurl}"/&gt;
                          &lt;h:inputHidden id="h3" value="#{adminC.ntitle}"/&gt;
                          &lt;p:commandButton actionListener="#{adminC.addTab()}" id="salam" widgetVar="salamm" update=":dlgpanel" onstart="waitDialogmain.show()" style="display: none" oncomplete="waitDialogmain.hide();dlg1.show()"/&gt;  
                          &lt;p:accordionPanel style="text-align: center;font-family: tahoma!important" activeIndex="#{menuGen.activeIndex}"&gt;
                               &lt;p:tab title="connections"  id="t0" rendered="#{menuGen.menuList1.length()&gt;0}"  &gt;
  
                                   &lt;center&gt;
  
                                                  &lt;h:outputText escape="false" value="#{menuGen.menuList1}"/&gt;
                                              &lt;/center&gt;
                                              &lt;br/&gt;
                                          &lt;/p:tab&gt;
                                          &lt;p:tab title="manage" id="t1" rendered="#{menuGen.menuList2.length()&gt;0}" &gt;
                                              &lt;center&gt;
                                                  &lt;h:outputText value="#{menuGen.menuList2}" escape="false"/&gt;
                                              &lt;/center&gt;
                                              &lt;br/&gt;
                                          &lt;/p:tab&gt;
  
                              &lt;/p:accordionPanel&gt;
                       &lt;/h:form&gt;
                                   &lt;/p:layoutUnit&gt;
                  &lt;p:layoutUnit id="center" style="padding: 0px!important;" position="center"&gt;
                      &lt;p:layout widgetVar="mkh"&gt;
                          &lt;p:layoutUnit id="middleright" position="east" size="170"  collapsible="true" style="padding: 0px;direction: ltr" &gt;
                              &lt;h:form prependId="false"&gt;
                               &lt;p:tree value="#{treeC.root}"  var="node" dynamic="true" style="width: 165px;border: none;direction: rtl!important;text-align: right;font-family: tahoma;font-weight: bold" selectionMode="single" selection="#{treeC.selectedNode}"&gt;
                                   &lt;p:ajax event="select" listener="#{treeC.onNodeSelect}" onstart="waitDialogmain.show()" oncomplete="waitDialogmain.hide()" /&gt;       
                                   &lt;p:treeNode  &gt;
                                       &lt;h:outputText value="#{node}"/&gt;
                                   &lt;/p:treeNode&gt;
  
                               &lt;/p:tree&gt;
                               &lt;p:commandButton onclick="mkh.toggle('east')" icon="ui-icon-triangle-1-e" title="ctr+shift+right arrow" style="width: 6px;height: 80px;position: absolute;top: 50%;" type="button"/&gt; 
                        &lt;/h:form&gt;
                          &lt;/p:layoutUnit&gt;
                          &lt;p:layoutUnit id="middlecenter" style="padding: 0px!important;" position="center"&gt;
                              &lt;p:layout style="text-align: center"&gt;
                                  &lt;p:layoutUnit id="middlecenter1" style="padding: 0px!important;" position="center" resizable="true" &gt;
  
                                          &lt;p:outputPanel autoUpdate="true" id="dlgpanelcenter"&gt;                 
                                          &lt;center&gt;
                                              &lt;ui:include src="./../users/networkReport.xhtml" /&gt;
                                          &lt;/center&gt;
                                      &lt;/p:outputPanel&gt;
  
                                  &lt;/p:layoutUnit&gt;                                
                                  &lt;p:layoutUnit id="middleBottom" size="100"  style=" padding: 0px!important" position="south" resizable="true" &gt;
  
  
  
                                  &lt;/p:layoutUnit&gt;
                              &lt;/p:layout&gt;
                          &lt;/p:layoutUnit&gt;
                      &lt;/p:layout&gt;
                  &lt;/p:layoutUnit&gt;
              &lt;/p:layout&gt;
              &lt;p:dialog id="dlg" resizable="false" maximizable="true" modal="true"  draggable="true" height="400"  widgetVar="dlg1" style="background-color: white!important;text-align: center!important;direction: ltr"&gt;
  
                  &lt;p:outputPanel style="direction: rtl" id="dlgpanel" &gt;                   
                      &lt;center&gt;
                          &lt;ui:include  src="#{adminC.url}" /&gt;
                      &lt;/center&gt;
                     &lt;/p:outputPanel&gt;
  
              &lt;/p:dialog&gt;
  
          &lt;/h:body&gt;
      &lt;/f:view&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and this is one page that open inside dialog : </p>
  
  <pre><code> &lt;ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
              template="./../template/masterTemplate.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns="http://www.w3.org/1999/xhtml"
              xmlns:sec="http://www.springframework.org/security/tags"&gt;
  
  &lt;ui:define name="top"&gt;
  
  &lt;/ui:define&gt;
  &lt;ui:define name="content"&gt;
      &lt;h:form id="regChannel" prependId="false" style="text-align: right;float: none!important"&gt;
        ........
  
     &lt;/h:form&gt;        
  &lt;/ui:define&gt;
  &lt;ui:define name="bottom"&gt;
  
  &lt;/ui:define&gt;
  </code></pre>
  
  <p></p>