for some pages of our application we try to use the serenity-theme without the sidebar. Therefor I changes the sidebar.xhtml to this
Code: Select all
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:event type="preRenderView" listener="#{....}"/>
<!-- TODO Primefaces Serenity Theme richtig verdraten -->
<div class="layout-sidebar #{....'}">
<!-- LOGO: VERTICAL MENU -->
<div class="sidebar-logo">
<h:link outcome="/index">
<h:graphicImage name="images/logo.svg" height="24" width="24" style="opacity: 0"/>
<span class="app-name" style="margin-left: -28px">#{msgs['application.name']}</span>
</h:link>
<a href="#" class="sidebar-anchor" title="Toggle Menu"></a>
</div>
<ui:insert name="sidebar" />
</div>
<ui:insert name="sidebar-footer" />
<h:outputScript library="scripts" name="sidebarTools.js"/>
</ui:composition>
Code: Select all
<ui:define name="sidebar">
my little sidebar ...
</ui:define>
Code: Select all
<pm:menu id="xxx" model="#{...}" binding="#{...}" />
See the image: https://ibb.co/c1fv9Gv