I am migrating from Primefaces 8.0 to 10.0.0. The migration guide tells that the Layout component is removed with 10.0.0 and pure CSS should be used instead.
Also I have replaced the unsupported Omega theme with Rain (https://www.primefaces.org/layouts/rain).
My old layout looks like this:
Code: Select all
North (=Header)
------------------------------
Center (=Content)
-----------------------------
South (=Footer)
So how can I achieve this using PrimeFlex?
Currently I am using this approach in my template.xhtml:
Code: Select all
<h:body>
<div class="p-grid p-dir-col">
<!-- Header -->
<div class="p-col">
<div class="card grid-item">
<ui:insert name="header"/>
</div>
</div>
<!-- Content -->
<div class="p-col">
<div class="card grid-item">
<ui:insert name="content"/>
</div>
</div>
<!-- Footer (with button Save and Cancel - should always be visible) -->
<div class="p-col">
<div class="card grid-item">
<ui:insert name="footer"/>
</div>
</div>
</div>
</h:body>
Any hints welcome - Thank you!