Top bar doesnt show submenus and menu do not toggle.
Used template model.
Code: Select all
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
lang="en">
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="icon"
href="#{request.contextPath}/resources/images/tc.ico"
type="image/x-icon"></link>
</f:facet>
<title><ui:insert name="title">Total Control</ui:insert></title>
<h:outputScript name="js/layout.js" library="rain-layout" />
<h:outputScript name="js/prism.js" library="rain-layout"/>
<h:outputScript name="sections.js" library="demo" />
</h:head>
<h:body styleClass="outlined">
<h:panelGroup rendered="#{not semAjaxMonitor}">
<ui:include src="./ajaxStatusMonitor.xhtml" />
</h:panelGroup>
<div class="layout-wrapper layout-topbar-colored layout-menu-dim layout-static layout-static-active">
<ui:include src="./topbar.xhtml" />
<ui:include src="./menu.xhtml" />
<ui:include src="./rightpanel.xhtml" />
<div class="layout-main">
<ui:include src="./breadcrumb.xhtml" />
<div class="layout-content">
<ui:insert name="content" />
</div>
<ui:include src="./footer.xhtml" />
</div>
<div class="layout-mask modal-in"></div>
</div>
<h:outputStylesheet name="primeicons.css" library="css" />
<h:outputStylesheet name="primeflex.min.css" library="css" />
<h:outputStylesheet name="layout-cyan-light.css" library="css" />
<h:outputStylesheet name="css/demo-light.css" library="demo" />
<h:outputStylesheet library="webjars" name="font-awesome/5.12.0/css/all.min-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.12.0/css/v4-shims.min-jsf.css" />
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/sunburst.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
</h:body>
</html>