Dialog problems with PF Layout

[bardu]

When using PF Layout for the page layout and setting the Dialog attributes fixedCenter= true or x,y to some valid values the Dialog component doesn't show up.

[cagatay.civici]

Any javascript errors?

[bardu]

No, Firebug doesn't show any errors. However in the browser status bar the message "Waiting for localhost ..." is shown.

Here is my code:

Code: Select all

<h:panelGrid>
       <a href="#" onclick="dlg.show()">Forgot Password?</a>
       <p:dialog header="Enter Email Address" width="205px" height="140px" widgetVar="dlg" visible="false" fixedCenter="true" >
              <h:form prependId="false">
                   <h:panelGrid >
                           <h:outputLabel for="emailAddress" value="Email Address:" />
                            <h:inputText styleClass="input-field" maxlength="50" size="20" id="emailAddress" value="#{Bean.emailAddress}" />
                   </h:panelGrid>
                   <h:panelGrid width="100%" style="text-align: center; vertical-align: middle; margin-top: 10px">
                             <p:commandButton value="Submit" actionListener="#{Bean.recoveryAction}"  oncomplete="dlg.hide();"/>
                   </h:panelGrid>
             </h:form>
       </p:dialog>
</h:panelGrid>

[cagatay.civici]

Can you try same dialog on another page that has no layout so we can understand it's a problem with layout. Also try setting zindex attribute of dialog to a high value 100.

[bardu]

The posted dialog code works fine on a "normal" page. For now I have given up using PF Layout, because I run in to some issues I haven't the time to investigate solutions. Because I have decided to use PrimeFaces for all my future web and mobile web apps I have already a steep learning curve on CSS and JavaScript