jsf - Primefaces template - south position doesn/t work -
i've got following problem. when set works fine. want have margins top, left , right set fullpage false. layoutunit id 'south' (and south position well) displayed @ top of page. tried fix it, without effects.
here's code of template:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <f:view contenttype="text/html" id="fview"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>#{msg['title']}</title> <f:metadata> <ui:insert name="metadata" /> </f:metadata> <h:head> <h:head> <p:layout fullpage="false" style="margin: 2em !important;"> <p:layoutunit position="north" size="100" id="north" style="box-shadow: 5px 5px 5px #888888;"> <ui:include src="header.xhtml" /> </p:layoutunit> <p:layoutunit position="west" id="west" resizable="false" header="#{msg['menutitle']}" style="height:500px;overflow:hidden;box-shadow: 5px 5px 5px #888888;" size="225"> <ui:include src="menu.xhtml" /> </p:layoutunit> <p:layoutunit styleclass="styleorange" position="center" style="padding:20px;box-shadow: 5px 5px 5px #888888;"> <h:form id="mainform"> <p:messages autoupdate="true" id="msgs" showdetail="true" showsummary="true" /> <ui:insert name="content" /> </h:form> </p:layoutunit> <p:layoutunit position="south" resizable="false" id="south" style="box-shadow: 5px 5px 5px #888888;"> <ui:include src="footer.xhtml" /> </p:layoutunit> </p:layout> </h:head> </h:head> <h:body onload="statusdialog.hide();"> </h:body> </f:view> </html>
except center layoutunit, other layout units must have dimensions defined via size option. try adding south unit
Comments
Post a Comment