title: ace:dialog component sample not working
body: <p><a href="http://icefaces-showcase.icesoft.org/showcase.jsf?grp=ace:dialog&amp;exp=Server%20Initiated" rel="nofollow noreferrer">http://icefaces-showcase.icesoft.org/showcase.jsf?grp=ace:dialog&amp;exp=Server%20Initiated</a> I am just trying to learn how to use this component. But unable to run this example. When I click the button nothing happens.  Does anybody have any idea? There is no error message either. </p>
  
  <pre><code>&lt;h:form&gt;
          &lt;h:panelGroup style="display:block; text-align:center;"&gt;
              &lt;ace:pushButton id="show" value="Show Dialog"
                              type="button"&gt;
                  &lt;ace:ajax execute="@none" render="@none"
                            onStart="ice.ace.instance('#{dialog.clientId}').show(); return false;"/&gt;
              &lt;/ace:pushButton&gt;
          &lt;/h:panelGroup&gt;
      &lt;/h:form&gt;
      &lt;ace:dialog id="dialog" binding="#{dialog}"
                  header="A sample dialog overview example"
                  closable="false"
                  modal="true"
                  draggable="false"
                  showEffect="clip"
                  hideEffect="fade"
                  width="400"&gt;
  
          &lt;h:form id="inputForm"&gt;
              &lt;h:panelGrid columns="2" width="100%"&gt;
                  &lt;h:outputLabel id="firstNameLabel" for="firstNameInputField" value="First Name:"/&gt;
                  &lt;ace:textEntry id="firstNameInputField"
                                 value="#{dialogBean.firstName}" /&gt;
  
                  &lt;h:outputLabel id="lastNameLabel" for="lastNameInputField" value="Last Name:"/&gt;
                  &lt;ace:textEntry id="lastNameInputField"
                                 value="#{dialogBean.lastName}"/&gt;
              &lt;/h:panelGrid&gt;
  
              &lt;h:panelGrid width="100%" style="text-align: center;"&gt;
                  &lt;ace:pushButton id="submitBtn"
                                  value="Click me once done with input"&gt;
                      &lt;ace:ajax execute="@form" render="@all"
                                onSuccess="ice.ace.instance('#{dialog.clientId}').hide(); "/&gt;
                  &lt;/ace:pushButton&gt;
              &lt;/h:panelGrid&gt;
          &lt;/h:form&gt;
  
      &lt;/ace:dialog&gt;
  
  
      &lt;h:form id="outputForm"&gt;
          &lt;h:panelGrid id="outputPanel" columns="2"&gt;
              &lt;h:outputLabel value="Entered text: " for="enteredName"/&gt;
              &lt;h:outputText id="enteredName" value="#{dialogBean.firstName} #{dialogBean.lastName}"/&gt;
          &lt;/h:panelGrid&gt;
      &lt;/h:form&gt;
  </code></pre>
  
  <p>This is the client side code from the example. </p>