how to add primefaces.css on a project with the theme spark

Locked
arqDeSoftwareCopel
Posts: 2
Joined: 27 Mar 2015, 16:11

09 Aug 2016, 13:31

I need to add primefaces.css on a project with the theme spark

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>

web.xml

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>





faces-config

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 ,

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

10 Aug 2016, 13:57

Why?? We already add it with your primefaces version to your project.

Code: Select all

<dependency>
            <groupId>org.primefaces</groupId>
            <artifactId>primefaces</artifactId>
            <version>5.3</version>
</dependency>

Locked

Return to “Spark”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests