How to start

18 Apr 2017, 07:22

The video seems to have no audio.

- I think It does not need to have audio. I did copy/paste files and used the following sample project;
https://github.com/primefaces/primefaces-test (I changed only test.xhtml page)

Exp;
test.xhtml

Code: Select all

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>   
        <title>PrimeFaces Test</title>
    </h:head>
    <h:body>
        
       <p:inputText />
       <p:commandButton value="Test" />
        
    </h:body>
</html>

thomas_s · 18 Apr 2017, 10:13

I did follow your video. While it was possible to do so, it was kind of hard because of missing audio. I had to go back a multiple times. I my opinion it would have been just easier with audio.

What I do not understand; is there not just a template for the premium themes, which I could use to start right away on a fresh project?
I tried with the one given in the zip-File it did not work and you do not provide a maven archetype for it do you?

Thomasbuckley · 18 Apr 2017, 13:39

Good Work Buddy.. Keep Going

20 Apr 2017, 08:15

Thanks for the update!

jilles · 12 May 2017, 05:22

So... i managed to solve this problem with a few steps, i'll put here if there is no problem.

1 - If you manage to use Maven on your project, download maven software and install it and configure maven on your classpath. Go to the folder that you extracted the theme, and use the following command:

Code: Select all

mvn install:install-file -Dfile=barcelona-theme-1.0.jar -DgroupId=org.primefaces.themes -DartifactId=barcelona -Dversion=1.0 -Dpackaging=jar

Then execute this dependency on pom.xml

Code: Select all

<dependency>
 <groupId>org.primefaces.themes</groupId>
 <artifactId>barcelona</artifactId> 
<version>1.0</version> 
</dependency>

2 - Start a new project and on your pom add the dependency "barcelona" that we just created
3 - Add resources folder on your project looking like this (/resources/barcelona-layout/)
4 - Download a sass compiler on your pc, then navigate to the folder of your project and use this command:

Code: Select all

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

5 - On your web.xml add the theme

Code: Select all

<context-param>
   <param-name>primefaces.THEME</param-name>
   <param-value>barcelona-blue</param-value>
</context-param>

6 - Don't forget the taglib

Code: Select all

<context-param>
   <param-name>javax.faces.FACELETS_LIBRARIES</param-name>
   param-value>/WEB-INF/primefaces-barcelona.taglib.xml</param-value>
</context-param>

7 - add template files that come on theme inside web-inf folder

Hope helps you and sorry for my bad english

14 May 2017, 17:11

Thanks a lot, @jilles

+1

How to start

Who is online