title: How to drag the p:dialog without use showHeader="true" in primefaces?
body: <p>I am developing a project using primefaces. </p>
  
  <p>In that, I used one <code>p:panel</code>(in user.xhtml page) inside the <code>p:dialog</code> and I set <code>showHeader="false"</code> to the <code>p:dialog</code>.</p>
  
  <p>For that, I need to drag the <code>p:dialog</code> when I click and drag on the <code>p:panel</code>, which is included inside the <code>p:dialog</code>.</p>
  
  <p><strong>Sample Code:</strong></p>
  
  <pre><code>&lt;p:dialog showHeader="false"&gt;      
  
       &lt;ui:include src="${model.dynamicPage}"/&gt;     
  
  &lt;/p:dialog&gt;
  </code></pre>
  
  <p><strong>user.xhtml</strong></p>
  
  <pre><code>&lt;h:form id="userForm"&gt;
     &lt;p:panel header="UserPanel"&gt;
       .......
     &lt;/p:panel&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>Any Idea?</p>