title: Dialog element of primefaces not working
body: <p>I am trying to use dialog element of primefaces but it is not working. so I have tried the same code provided in primefaces site. but that code is also not working.</p>
  
  <pre><code>            &lt;h:panelGrid columns="1" cellpadding="5"&gt;
                  &lt;p:commandButton id="basic" value="Basic" onclick="PF('dlg1').show();" type="button" /&gt;
  
                  &lt;p:commandButton id="modalDialogButton" value="Modal" onclick="PF('dlg2').show();" type="button"/&gt;
  
                  &lt;p:commandButton id="effectsDialogButton" value="Effects" onclick="PF('dlg3').show();" type="button" /&gt;
                  &lt;/h:panelGrid&gt;
  
                   &lt;p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1" appendToBody="false"&gt;
                   &lt;h:outputText value="Resistance to PrimeFaces is futile!" /&gt;
                      &lt;/p:dialog&gt;
  
                      &lt;p:dialog id="modalDialog" header="Modal Dialog" widgetVar="dlg2" modal="true" height="100" appendToBody="false"&gt;
                          &lt;h:outputText value="This is a Modal Dialog." /&gt;
                      &lt;/p:dialog&gt;
  
                      &lt;p:dialog header="Effects" widgetVar="dlg3" showEffect="explode" hideEffect="bounce" height="100" appendToBody="false"&gt;
                          &lt;h:outputText value="This dialog has nice effects." /&gt;
                      &lt;/p:dialog&gt;
  </code></pre>
  
  <p>This is the header of my page:</p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
     &lt;html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"&gt;
  </code></pre>