title: PrimeFaces Ajax
body: <p>I am trying to make login with jsf.
  I want to hide login panel when user registered. 
  I did this with jsf ajax.</p>
  
  <p>When I try to do this with primefaces. I am failed.</p>
  
  <p>I triy in jsf ajax like this.</p>
  
  <p></p>
  
  <pre><code>                    &lt;h:form id="register"&gt;
                          &lt;table style="width: 49%; margin-right: auto; margin-left: auto;"&gt;
                              &lt;tr&gt;
                                  &lt;td colspan="3"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                                      All fields are required.&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td class="style2" style="height: 51px"&gt;Username&lt;/td&gt;
                                  &lt;td style="width: 17px; height: 51px;"&gt;:&lt;/td&gt;
                                  &lt;td class="style3" style="height: 51px"&gt;&lt;h:inputText
                                          id="regusername" style="width:155px;height:24px;"
                                          value="#{userRegister.regUser.username}"&gt;
  
                                      &lt;/h:inputText&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td class="style2" style="height: 51px"&gt;Name&lt;/td&gt;
                                  &lt;td style="width: 17px; height: 51px;"&gt;:&lt;/td&gt;
                                  &lt;td class="style3" style="height: 51px"&gt;&lt;h:inputText
                                          id="regname" style="width:155px;height:24px;"
                                          value="#{userRegister.regUser.name}"&gt;
  
                                      &lt;/h:inputText&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td class="style2" style="height: 51px"&gt;Mail&lt;/td&gt;
                                  &lt;td style="width: 17px; height: 51px;"&gt;:&lt;/td&gt;
                                  &lt;td class="style3" style="height: 51px"&gt;&lt;h:inputText
                                          id="regmail" style="width:155px;height:24px;"
                                          value="#{userRegister.regUser.mail}"&gt;
  
                                      &lt;/h:inputText&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td class="style2" style="height: 51px"&gt;Password&lt;/td&gt;
                                  &lt;td style="width: 17px; height: 51px;"&gt;:&lt;/td&gt;
                                  &lt;td class="style3" style="height: 51px"&gt;
  
  
  
                                  &lt;h:inputSecret
                                          id="regpassword" style="width:155px;height:24px;"
                                          value="#{userRegister.regUser.password}"&gt;
  
                                      &lt;/h:inputSecret&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                                  &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                                  &lt;td class="style3"&gt;&lt;h:commandButton
                                          style="width:76px;height:26px" value="Clear" type="reset"&gt;
  
                                      &lt;/h:commandButton&gt; &amp;nbsp; &lt;h:commandButton style="width:75px;height:26px"
                                          value="Register" action="#{userRegister.register()}"
                                          method="post"&gt;
  
                                          &lt;f:ajax execute="regname regusername regpassword regmail"
                                              render="registermessage" /&gt;
  
                                      &lt;/h:commandButton&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td colspan="3"&gt;&lt;h:outputText id="registermessage"
                                          value="#{userRegister.message}"&gt;&lt;/h:outputText&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/h:form&gt;
  
                  &lt;/h:panelGroup&gt;
                  &lt;h:panelGroup rendered="#{userLogin.isLoggedin()== true}"
                      layout="block"&gt; 
                    You are already loggedin !!       
          &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p>When ı try this in primefaces like this:</p>
  
  <p></p>
  
  <pre><code>    &lt;p:panel id ="registerPanel" header="User Registration" align="center"
          style="text-align:center;"&gt;
          &lt;table style="width: auto; margin: auto;"&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: right;"&gt;&lt;h:outputLabel for="regname"
                          value="Name Surname : * &amp;nbsp;" /&gt;&lt;/td&gt;
                  &lt;td style="text-align: left"&gt;&lt;p:inputText id="regname"
                          value="#{userRegister.regUser.name}" size="40" required="true"
                          label="Name and Surname"&gt;
                          &lt;f:validateLength minimum="2" /&gt;
                      &lt;/p:inputText&gt; &lt;p:watermark for="regname" value="Name Surname" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: right" colspan="2"&gt;&lt;p:message
                          for="regname" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;td style="text-align: right;"&gt;&lt;h:outputLabel
                          for="regusername" value="Username : * &amp;nbsp;" /&gt;&lt;/td&gt;
                  &lt;td style="text-align: left"&gt;&lt;p:inputText id="regusername"
                          value="#{userRegister.regUser.username}" size="40"
                          required="true" label="Username"&gt;
                          &lt;f:validateLength minimum="3" /&gt;
                      &lt;/p:inputText&gt; &lt;p:watermark for="regusername" value="Username" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: riht" colspan="2"&gt;&lt;p:message
                          for="regusername" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;td style="text-align: right;"&gt;&lt;h:outputLabel for="regmail"
                          value="E-Mail : * &amp;nbsp;" /&gt;&lt;/td&gt;
                  &lt;td style="text-align: left"&gt;&lt;p:inputText id="regmail"
                          value="#{userRegister.regUser.mail}" size="40" required="true"
                          label="Mail"&gt;
                          &lt;f:validateLength minimum="2" /&gt;
                      &lt;/p:inputText&gt; &lt;p:watermark for="regmail" value="mail@example.com" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;td style="text-align: right" colspan="2"&gt;&lt;p:message
                          for="regmail" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: right;"&gt;&lt;h:outputLabel for="paswword"
                          value="Password : * &amp;nbsp;" /&gt;&lt;/td&gt;
                  &lt;td style="text-align: left"&gt;&lt;p:password id="regpassword"
                          value="#{userRegister.regUser.password}" size="40"
                          required="true" label="Password"&gt;
                          &lt;f:validateLength minimum="5" /&gt;
                      &lt;/p:password&gt; &lt;p:watermark for="regpassword" value="Password" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: left" colspan="2"&gt;&lt;p:message
                          for="regpassword" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: right" colspan="2"&gt;
  
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: right" colspan="2"&gt;
                  &lt;p:commandButton value="Clear"   image="ui-icon ui-icon-arrowrefresh-1-w" 
           type="reset"/&gt;
           &amp;nbsp;&amp;nbsp; 
           &lt;p:commandButton value="Register" image="ui-icon ui-icon-disk" 
           action="#{userRegister.register()}" method="post"&gt;
  
           &lt;f:ajax
                                              render="registerpaneli" /&gt;
  
           &lt;/p:commandButton&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  
          &lt;/table&gt;
  </code></pre>
  
  <p>-->
          </p>
  
  <pre><code>    &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p>I registraion panel cant hiden.</p>
  
  <p>What is the problem ?</p>