I have a dialog that is created using PrimeFaces like so:
<h:body>
<ui:composition>
<h:form id="newResource">
<p:dialog
id="modalDialog"
header="Create a new Resource"
widgetVar="dlg2"
modal="true"
visible="true">
...
</p:dialog>
</h:form>
</ui:composition>
In the page where I want this to be displayed in, I have the following cod. The last line is where I include the dialog.
<h:body>
<p:growl id="growl" showDetail="true" sticky="true" />
<ui:composition template="/template/masterLayout.xhtml">
<ui:define name="windowTitle">
Resources
</ui:define>
<ui:define name="stack">
<p:stack
id="dvStackMenu"
expanded="true"
icon="/resources/images/stack/stack.png"
model="#{resourcePageController.stackMenuModel}"/>
</ui:define>
<ui:define name="content">
<h:form>
<p:dataTable
var="resc"
rowKey="#{resc.resourceId}"
selection="#{resourcePageController.selectedResources}"
value="#{resourcePageController.resources}"
selectionMode="multiple">
<p:column headerText="Name">
<h:outputText value="#{resc.name}" />
</p:column>
<p:column headerText="Created On">
<h:outputText value="#{resc.createdOn}" />
</p:column>
<p:ajax event="rowSelect"/>
<p:ajax event="rowUnselect" />
</p:dataTable>
</h:form>
</ui:define>
</ui:composition>
<ui:include src="/template/dialog/create/resource.xhtml" />
</h:body>
The dialog's visible attribute is set to true, so the expected behavior is when the page loads, the dialog should be displayed. This howver is not the case.
If I navigate to /template/dialog/create/resource.xhtml in my browser, the dialog is displayed as expected.
Can any one assist me in what is going on? I am not sure if it is my use of the ui:include or something else is going on.
