I have recently upgraded to PrimeFaces 3.0.M3 and found that the dialogs do not display the content correctly.
Specifically, the body of the dialog is always offset to the right by the width of the header.
The following simple code demonstrates the problem:
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:f="http://java.sun.com/jsf/core">
<f:view contentType="text/html">
<h:head>
</h:head>
<h:body>
<h:panelGrid columns="1" cellpadding="5">
<p:commandButton id="modal1" value="Modal 1" onclick="dlg1.show();"
type="button" />
</h:panelGrid>
<p:dialog header="Modal 1 Dialog" widgetVar="dlg1" modal="true"
height="100">
<h:outputText value="Modal dialog number 1." />
<p:commandButton id="modal2" value="Modal 2" onclick="dlg2.show();"
type="button" update="" />
</p:dialog>
<p:dialog header="Modal 2 Dialog" widgetVar="dlg2" modal="true"
height="100">
<h:outputText value="Modal dialog number 2." />
</p:dialog>
</h:body>
</f:view>
</html>
- Chrome 13:
- Firefox 6:
- IE 9:
If anyone can help me resolve this issue, I would greatly appreciate it.
Thank You.