primefaces-poseidon-green Installation problem

issouff@yahoo.fr · 11 Feb 2017, 21:06

Hello
I can not install the specific primefaces-poseidon-green theme in my project. No style on the pages.
Can you help me ?

Template.xhtml
<!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">

<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" />
<meta name="theme-color" content="#57c279" />
</f:facet>
<title><ui:insert name="title">PrimeFaces Poseidon</ui:insert></title>
<h:outputScript name="js/nanoscroller.js" library="poseidon-layout" />
<h:outputScript name="js/layout.js" library="poseidon-layout" />
<h:outputScript name="js/swipe.js" library="poseidon-layout" />
<ui:insert name="head"/>
</h:head>

<h:body styleClass="main-body">

<div class="layout-wrapper menu-layout-static">
<ui:include src="./topbar.xhtml" />
<ui:include src="./menu.xhtml" />

<div class="layout-main">
<div class="route-bar">
<i class="fa fa-home"></i> <span>/ </span>
<ui:insert name="viewname" />

<ui:include src="./right-sidebar.xhtml" />
</div>
<div class="layout-main-content">
<ui:insert name="content"/>
</div>

<ui:include src="./footer.xhtml" />
</div>
</div>

<p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
<f:facet name="start">
<i class="fa fa-circle-o-notch fa-spin ajax-loader" aria-hidden="true"></i>
</f:facet>

<f:facet name="complete">
<h:outputText value="" />
</f:facet>
</p:ajaxStatus>

<h:outputStylesheet name="css/nanoscroller.css" library="poseidon-layout" />
<h:outputStylesheet name="css/animate.css" library="poseidon-layout" />
<h:outputStylesheet name="css/layout-green.css" library="poseidon-layout" />
</h:body>

</html>

menu.xhtml

<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"
xmlns:p="http://primefaces.org/ui"
xmlns:pp="http://primefaces.org/poseidon">

<h:form id="menuform">
<div class="layout-menu-container">
<div class="nano">
<div class="nano-content menu-scroll-content">
<div class="search-input">
<input type="text" placeholder="Search"/>
<i class="fa fa-search"></i>
</div>
<pp:menu widgetVar="me">
<p:menuitem id="om_dashboard" value="Dashboard" icon="fa fa-fw fa-home" outcome="/empty"/>

<p:submenu id="om_components" label="Components" icon="fa fa-fw fa-sitemap">
<p:menuitem id="om_sample" value="Sample Page" icon="fa fa-fw fa-columns" outcome="/empty" />
<p:menuitem id="om_forms" value="Forms" icon="fa fa-fw fa-code" outcome="/empty" />
<p:menuitem id="om_data" value="Data" icon="fa fa-fw fa-table" outcome="/empty" />
<p:menuitem id="om_panels" value="Panels" icon="fa fa-fw fa-list-alt" outcome="/empty" />
<p:menuitem id="om_overlays" value="Overlays" icon="fa fa-fw fa-square" outcome="/empty" />
<p:menuitem id="om_menus" value="Menus" icon="fa fa-fw fa-minus-square-o" outcome="/empty" />
<p:menuitem id="om_messages" value="Messages" icon="fa fa-fw fa-circle-o-notch" outcome="/empty" />
<p:menuitem id="om_charts" value="Charts" icon="fa fa-fw fa-area-chart" outcome="/empty" />
<p:menuitem id="om_file" value="File" icon="fa fa-fw fa-arrow-circle-o-up" outcome="/empty" />
<p:menuitem id="om_misc" value="Misc" icon="fa fa-fw fa-user-secret" outcome="/empty" />
</p:submenu>
<p:menuitem id="om_db_landing" value="Landing" icon="fa fa-fw fa-certificate" outcome="/empty"/>
<p:submenu id="om_default" label="Template Pages" icon="fa fa-fw fa-life-saver">
<p:menuitem id="om_empty" value="Empty Page" icon="fa fa-fw fa-square-o" outcome="/empty" />
<p:menuitem id="om_login" value="Login Page" icon="fa fa-fw fa-sign-in" outcome="/login" />
<p:menuitem id="om_error" value="Error Page" icon="fa fa-fw fa-exclamation-circle" outcome="/empty" />
<p:menuitem id="om_404" value="404 Page" icon="fa fa-fw fa-times" outcome="/404" />
<p:menuitem id="om_access" value="Access Denied Page" icon="fa fa-fw fa-exclamation-triangle" outcome="/empty" />
</p:submenu>
<p:submenu id="om_hierarchy" label="Menu Hierarchy" icon="fa fa-fw fa-gg">
<p:submenu id="om_sm1" label="Submenu 1" icon="fa fa-fw fa-sign-in">
<p:submenu id="om_sm11" label="Submenu 1.1" icon="fa fa-fw fa-sign-in">
<p:menuitem id="om_lnk111" value="Link 1.1.1" icon="fa fa-fw fa-sign-in" url="#" />
<p:menuitem id="om_lnk112" value="Link 1.1.2" icon="fa fa-fw fa-sign-in" url="#" />
<p:menuitem id="om_lnk113" value="Link 1.1.3" icon="fa fa-fw fa-sign-in" url="#" />
</p:submenu>
<p:submenu id="om_sm12" label="Submenu 1.2" icon="fa fa-fw fa-sign-in">
<p:menuitem id="om_lnk121" value="Link 1.2.1" icon="fa fa-fw fa-sign-in" url="#" />
</p:submenu>
</p:submenu>
<p:submenu id="om_sm2" label="Submenu 2" icon="fa fa-fw fa-sign-in">
<p:submenu id="om_sm21" label="Submenu 2.1" icon="fa fa-fw fa-sign-in">
<p:menuitem id="om_lnk211" value="Link 2.1.1" icon="fa fa-fw fa-sign-in" url="#" />
<p:menuitem id="om_lnk212" value="Link 2.1.2" icon="fa fa-fw fa-sign-in" url="#" />
</p:submenu>
<p:submenu id="om_sm22" label="Submenu 2.2" icon="fa fa-fw fa-sign-in">
<p:menuitem id="om_lnk221" value="Link 2.2.1" icon="fa fa-fw fa-sign-in" url="#" />
</p:submenu>
</p:submenu>
</p:submenu>
<p:menuitem id="om_doc" value="Documentation" icon="fa fa-fw fa-book" outcome="/empty"/>
</pp:menu>

<div class="layout-menu-footer">
<span class="layout-menu-footer-title">Tasks Overview</span>

<p:progressBar value="50" labelTemplate="" displayOnly="true"/>
Today

<p:progressBar value="80" labelTemplate="" displayOnly="true"/>
Overall
</div>

</div>
</div>
</div>
</h:form>
</ui:composition>

web.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
<welcome-file-list>
<welcome-file>login.xhtml</welcome-file>
</welcome-file-list>
<context-param>
<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
<param-value>server</param-value>
</context-param>
<context-param>
<param-name>javax.faces.PROJECT_STAGE</param-name>
<param-value>Production</param-value>
</context-param>
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>poseidon-green</param-value>
</context-param>
<context-param>
<param-name>primefaces.FONT_AWESOME</param-name>
<param-value>true</param-value>
</context-param>
<context-param>
<param-name>javax.faces.FACELETS_LIBRARIES</param-name>
<param-value>/WEB-INF/primefaces-poseidon.taglib.xml</param-value>
</context-param>
<listener>
<listener-class>com.sun.faces.config.ConfigureListener</listener-class>
</listener>
<filter>
<filter-name>Character Encoding Filter</filter-name>
<filter-class>org.primefaces.poseidon.filter.CharacterEncodingFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>Character Encoding Filter</filter-name>
<servlet-name>Faces Servlet</servlet-name>
</filter-mapping>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.jsf</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.xhtml</url-pattern>
</servlet-mapping>
<mime-mapping>
<extension>ttf</extension>
<mime-type>application/font-sfnt</mime-type>
</mime-mapping>
<mime-mapping>
<extension>woff</extension>
<mime-type>application/font-woff</mime-type>
</mime-mapping>
<mime-mapping>
<extension>woff2</extension>
<mime-type>application/font-woff2</mime-type>
</mime-mapping>
<mime-mapping>
<extension>eot</extension>
<mime-type>application/vnd.ms-fontobject</mime-type>
</mime-mapping>
<mime-mapping>
<extension>eot?#iefix</extension>
<mime-type>application/vnd.ms-fontobject</mime-type>
</mime-mapping>
<mime-mapping>
<extension>svg</extension>
<mime-type>image/svg+xml</mime-type>
</mime-mapping>
<mime-mapping>
<extension>svg#exosemibold</extension>
<mime-type>image/svg+xml</mime-type>
</mime-mapping>
<mime-mapping>
<extension>svg#exobolditalic</extension>
<mime-type>image/svg+xml</mime-type>
</mime-mapping>
<mime-mapping>
<extension>svg#exomedium</extension>
<mime-type>image/svg+xml</mime-type>
</mime-mapping>
<mime-mapping>
<extension>svg#exoregular</extension>
<mime-type>image/svg+xml</mime-type>
</mime-mapping>
<mime-mapping>
<extension>svg#fontawesomeregular</extension>
<mime-type>image/svg+xml</mime-type>
</mime-mapping>
</web-app>

13 Feb 2017, 08:53

What do you use theme.css or theme.jar on your project? Also, please don't forget to provide theme css with Sass If you use theme.css.

Code: Select all

sass -w src/main/webapp/resources/ --sourcemap=none

Doc; http://www.primefaces.org/poseidon/docs.xhtml

issouff@yahoo.fr · 14 Feb 2017, 10:44

Hello Aragon
Thank you for your reply.
I do not know how to use Sass.
My project is in java, I have imported the file poseidon-theme-1.0.0.jar.
I would like to use the green style
Can you help me to have a simple configuration?

14 Feb 2017, 11:12

I think these videos can help to you;
https://www.dropbox.com/s/2p74g63wldbov ... t.mp4?dl=0 (Ultima)
https://www.dropbox.com/s/s9cle2xqbwbu8 ... t.mp4?dl=0 (Omega)

primefaces-poseidon-green Installation problem

Who is online