how do I do that?
for example, how can i make this link possible in my application?
http://www.primefaces.org/spark/javax.f ... primefaces
My template is like this:
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">
<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" />
</f:facet>
<title>PrimeFaces Spark</title>
<h:outputScript name="js/layout.js" library="spark-layout" />
<ui:insert name="head" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/estilo/theme-copel.css" />
</h:head>
<h:body>
<div id="menu-mask"></div>
<ui:include src="topbar.xhtml" />
<!-- <ui:include src="layoutmenu.xhtml" />-->
<div id="layout-portlets-cover">
<div id="main-menu" class="Responsive50 ui-fluid left">
<!--
<h:form>
<p:commandButton id="dynaButton" styleClass="menu-other-services" value="Mais Serviços" type="button" icon="ui-icon-th fa fa-th-large white Fs14" />
<p:menu overlay="true" styleClass="menu-other-services-drop" trigger="dynaButton" my="left top" at="left bottom">
<p:submenu label="Ajax">
<p:menuitem value="Save" icon="ui-icon-disk fa fa-save Fs14"/>
<p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w fa fa-repeat Fs14"/>
</p:submenu>
<p:submenu label="Non-Ajax">
<p:menuitem value="Delete" icon="ui-icon-close fa fa-close Fs14"/>
</p:submenu>
<p:submenu label="Navigations">
<p:menuitem value="External" url="http://www.primefaces.org" icon="ui-icon-home fa fa-home Fs14"/>
<p:menuitem value="Internal" icon="ui-icon-star fa fa-star Fs14"/>
</p:submenu>
</p:menu>
</h:form>
-->
<div id="layout-menu">
<ul id="menu-services">
<li>
<a class="menu-other-services CursPointer"><i class="ui-icon-th fa fa-th-large white Fs14"></i> Mais Serviços<i class="fa fa-chevron-down Fs14 Fright ShowOnMobile"></i></a>
<ul class="menu-other-services-drop Animated03 submenu">
<li><a href="#" class="Animated05"><i class="fa fa-dashboard"></i> Outro Serviço 1</a></li>
<li><a href="#" class="Animated05"><i class="fa fa-magic"></i> Outro Serviço 2</a></li>
<li><a href="#" class="Animated05"><i class="fa fa-suitcase"></i> Outro Serviço 3</a></li>
<li><a href="#" class="Animated05"><i class="fa fa-quote-right"></i> Outro Serviço 4</a></li>
</ul>
</li>
<li id="menu-item-1">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-1.png" /> Fatura</a>
</li>
<li id="menu-item-2">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-2.png" /> Histórico</a>
</li>
<li id="menu-item-3" class="active">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-1.png" /> Laudo Ocorrências</a>
</li>
<li id="menu-item-4">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-4.png" /> Contratos</a>
</li>
<li id="menu-item-5">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-5.png" /> Ressarcimento</a>
</li>
<li id="menu-item-6">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-6.png" /> Data Certa</a>
</li>
<li id="menu-item-7">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-7.png" /> Fatura por e-mail</a>
</li>
<li id="menu-item-8">
<a href="#" class="box"><img src="#{request.contextPath}/imagens/menu-item-8.png" /> Negociações de débitos</a>
</li>
</ul>
</div>
</div>
<div class="Container80 Responsive50 ui-fluid">
<ui:insert name="content">
Template
</ui:insert>
</div>
<ui:include src="footer.xhtml" />
</div>
<p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
<f:facet name="start">
<p:graphicImage name="images/preloader.gif" library="spark-layout"/>
</f:facet>
<f:facet name="complete">
<h:outputText value="" />
</f:facet>
</p:ajaxStatus>
<h:outputStylesheet name="css/core-layout.css" library="spark-layout" />
<h:outputStylesheet name="css/font-awesome.css" library="spark-layout" />
<h:outputStylesheet name="css/animate.css" library="spark-layout" />
<h:outputStylesheet name="css/spark-layout#{themeView.color}.css" library="spark-layout" />
</h:body>
</html>
Code: Select all
<?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">
<display-name>PIC</display-name>
<!-- configuracao para utilização de taglibs -->
<!-- colocado por causa do spak -->
<welcome-file-list>
<welcome-file>dashboard.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>#{themeBeam.applicationTheme}</param-value>
<!-- <param-value>spark-orange</param-value>-->
</context-param>
<context-param>
<param-name>javax.faces.FACELETS_LIBRARIES</param-name>
<param-value>/WEB-INF/primefaces-spark.taglib.xml</param-value>
</context-param>
<!-- ================ -->
<context-param>
<param-name>facelets.LIBRARIES</param-name>
<param-value>/WEB-INF/facelets/facelets.taglib.xml</param-value>
</context-param>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</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>/faces/*</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>30</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>/index.jsp</welcome-file>
</welcome-file-list>
<error-page>
<error-code>403</error-code>
<location>/paginas/autorizacaoInvalida.jsp</location>
</error-page>
<error-page>
<error-code>404</error-code>
<location>/paginas/404.jsf</location>
</error-page>
<error-page>
<error-code>500</error-code>
<location>/paginas/excecoes.jsp</location>
</error-page>
<!-- colocado por causa do spark -->
<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>
Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<faces-config version="2.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xi="http://www.w3.org/2001/XInclude"
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-facesconfig_2_0.xsd">
<application>
<message-bundle>propriedadesPortugues</message-bundle>
<resource-bundle>
<base-name>propriedadesPortugues</base-name>
<var>lblAplicativo</var>
</resource-bundle>
<el-resolver>
org.primefaces.application.exceptionhandler.PrimeExceptionHandlerELResolver
</el-resolver>
</application>
<!-- colocado por causa do spark -->
<component>
<component-type>org.primefaces.component.SparkMenu</component-type>
<component-class>org.primefaces.spark.component.menu.SparkMenu</component-class>
</component>
<render-kit>
<renderer>
<component-family>org.primefaces.component</component-family>
<renderer-type>org.primefaces.component.SparkMenuRenderer</renderer-type>
<renderer-class>org.primefaces.spark.component.menu.SparkMenuRenderer</renderer-class>
</renderer>
</render-kit>
<!-- =========================== -->
<factory>
<exception-handler-factory>
org.primefaces.application.exceptionhandler.PrimeExceptionHandlerFactory
</exception-handler-factory>
</factory>
</faces-config>
JBoss Developer Studio Version: 7.1.1.GA
JBoss AS 6.2
PrimeFaces 5.3, PrimaFaces Extensions 3.2.0
Mojarra Mojarra 2.1.19 ,