title: <p:dialog> - Dialog box not getting closed when it should
body: <p>I am using JSF (Mojara) and Primefaces 3.4 in a sample application.
  I am applying a layout on a screen where on a header (north) there is one Image link (on click a dialog box gets opened). </p>
  
  <p><strong>northheader.xhtml</strong>:</p>
  
  <pre><code>&lt;h:body&gt;    
          &lt;h:form id="headerForm"&gt;    
  
          &lt;p:panelGrid id="headerFormPanelGridID" style="align:left;border:0px&gt;
                  &lt;p:row&gt; 
  
              &lt;p:column width="70"&gt;
      &lt;p:commandLink onclick="dialogWidgetWar.show();"  title="SampleImg"&gt;
      &lt;p:graphicImage value="../sampleimg.jpg" /&gt;
      &lt;/p:commandLink&gt;
              &lt;/p:column&gt; 
  
  
              &lt;/p:row&gt; 
  
  
          &lt;/p:panelGrid&gt;
  
  
  
  
      &lt;p:dialog id="idInfo"  modal="true" widgetVar="dialogWidgetWar" header="Sample Layout" border="0" width="400"  height="100" resizable="true" &gt;          
          &lt;h:panelGrid id="sampleId" style="cellpadding" border="0" cellpadding="0" cellspacing="0" width="200"&gt;
  
  
          &lt;/h:panelGrid&gt;          
      &lt;/p:dialog&gt;
  
          &lt;/h:form&gt;       
  &lt;/h:body&gt;
  </code></pre>
  
  <h2><strong>For layout</strong></h2>
  
  <pre><code>&lt;html lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:p="http://primefaces.org/ui"&gt;
     &lt;h:head&gt;
  
      &lt;/h:head&gt; 
      &lt;h:body&gt;    
  
          &lt;p:layout fullPage="true"&gt;
              &lt;p:layoutUnit position="north" size="100" resizable="false" closable="false" collapsible="false"&gt;
                       &lt;ui:include src="../northheader.xhtml" /&gt; 
  
              &lt;/p:layoutUnit&gt;
  
              &lt;p:layoutUnit position="west" size="200" resizable="false" closable="false" collapsible="false"&gt;
  
                      &lt;ui:include src="../left.xhtml" /&gt;
  
               &lt;/p:layoutUnit&gt;
  
              &lt;p:layoutUnit position="center" size="200"&gt;
  
                  &lt;ui:insert name="pageContent"&gt;&lt;/ui:insert&gt;
              &lt;/p:layoutUnit&gt;
  
          &lt;/p:layout&gt;
  
      &lt;/h:body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Layout is being displayed properly, but when I Click on "SampleImg" link in northheader.xhtml, its getting opened but closing the dialog is not working, even if I 
  add one close button inside the dialog box and <code>onclick="dialogWidgetWar.hide()"</code> is not working. I am not even able to select anything. </p>
  
  <p>Can anybody help me out here, where is the problem?</p>