Using p:layout, i have 3 panes declared in my template (top, left, center). My app workbench implements this template and defines the necessary sections:
Code: Select all
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.prime.com.tr/ui"
template="/WEB-INF/layouts/base-layout.xhtml">
<ui:define name="top">
<ui:include src="/WEB-INF/header.xhtml"/>
</ui:define>
<ui:define name="menu">
<p:ajaxStatus style="position: relative;float: right; top: 5px; margin-right: 20px;">
<f:facet name="start">
<h:graphicImage name="ajax-loader.gif" library="images" />
</f:facet>
<f:facet name="complete">
<h:outputText value=""/>
</f:facet>
</p:ajaxStatus>
<ui:include src="/WEB-INF/mainMenu.xhtml"/>
</ui:define>
<ui:define name="left">
<h:form id="leftPane" prependId="false">
<h:head/>
<ui:include src="#{navBean.leftPaneUrl}"/>
<p:remoteCommand name="updateCenter" process="@none" update="centerPane" />
</h:form>
</ui:define>
<ui:define name="center">
<h:form id="centerPane" prependId="false">
<h:head/>
<ui:include src="#{navBean.centerPaneUrl}"/>
<p:remoteCommand name="updateCenter" process="@none" update="centerPane" />
</h:form>
</ui:define>
</ui:composition>
How can i get this to work, as i wish to place the ajaxStatus on my mainMen wich is located in different ui:define from where the action takes place?
I've tried the programatic way as in the showcase, but unable to find a component that will create only a div and contain a widgetVar with show() and hide() methods.
Thanks