California theme to maven project

[techgeek]

Hi

I've purchased california theme, but couldn't able to setup with primefaces + springboot maven project.

here is mvn dependency

Code: Select all

<dependency>
		<groupId>org.primefaces.themes</groupId>
		<artifactId>california</artifactId>
		<version>1.0.1</version>
	</dependency>

here is repo I've added

Code: Select all

<repository>
  			<id>prime-repo</id>
  			<name>Prime Repo</name>
  			<url>http://repository.primefaces.org</url>
  		</repository>

getting following error when run - mvn spring-boot:run

Code: Select all

[ERROR] Failed to execute goal on project jsf-primefaces-spring-boot: Could not resolve dependencies for project com.codenotfound:jsf-primefaces-spring-boot:jar:0.0.1-SNAPSHOT: Could not find artifact org.primefaces.themes:california:jar:1.0.1 in central (https://repo.maven.apache.org/maven2) -> [Help 1]

any help greatly appreciated.

Thanks.

[techgeek]

I've installed theme jar locally and able to build mvn project

Code: Select all

mvn install:install-file -Dfile=<path-to-file> -DgroupId=org.primefaces.themes -DartifactId=california -Dversion=1.0.1 -Dpackaging=jar

and modified application.yml to point to california theme

Code: Select all

jsf:
  primefaces: 
    theme: california

server:
  context-path: /example
  port: 9090

but getting below error whenever I access page -> http://localhost:9090/example/helloworld.xhtml

Code: Select all

15:29:04.131 [http-nio-9090-exec-1] ERROR o.a.c.c.C.[.[.[.[FacesServlet] - Servlet.service() for servlet [FacesServlet] in context with path [/example] threw exception [Error loading css, cannot find "theme.css" resource of "primefaces-california" library] with root cause
javax.faces.FacesException: Error loading css, cannot find "theme.css" resource of "primefaces-california" library
	at org.primefaces.renderkit.HeadRenderer.encodeCSS(HeadRenderer.java:149)
	at org.primefaces.renderkit.HeadRenderer.encodeBegin(HeadRenderer.java:81)
	at javax.faces.component.UIComponentBase.encodeBegin(UIComponentBase.java:865)

[huseyinT]

You must generate CSS from the sass file.

In the documentation: http://primefaces.org/california/docs.xhtml

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

[techgeek]

I've updated application.yml to

Code: Select all

jsf:
  primefaces: 
    theme: california-blue

server:
  context-path: /example
  port: 9090

now page coming up without any error but not getting same look and feel like california live version.
https://primefaces.org/california/dashboard.xhtml

Could you please help, how to setup jar version of california theme in spring boot apps as there will not be web.xml or WEB-INF folder.

[mert.sincan]

but not getting same look and feel like california live version.

Could you please attach a screenshot for us to replicate?

Could you please help, how to setup jar version of california theme in spring boot apps as there will not be web.xml or WEB-INF folder.

- Similar example; https://www.codenotfound.com/jsf-primef ... -boot.html

Best Regards,

[techgeek]

I've followed same example for California theme, but no luck. I just tried email composition panel only as I couldn't able to fix whole dashboard page and here is the link for screen shots.

https://drive.google.com/drive/folders/ ... 1M3HO-BPTk

One is form live version and other one is from my local, you can see the difference.

https://www.codenotfound.com/jsf-primef ... -boot.html

If we get same look and feel as live version, we are more happy to have enterprise license

[mert.sincan]

You must also add layout files. Then provide the CSS using the SASS command. Theme.jar/Theme files only are for Components. Your issue is related to Layout css.

Exp, please add this code into your page;

Code: Select all

.dashboard .resolution-center .ui-inputfield {
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
}

[techgeek]

Finally I am able to get theme look. But still some styles are missing in data table (pagination and sort arrows are missing) added screen shot to google drive for your reference.

https://drive.google.com/drive/folders/ ... 1M3HO-BPTk

from california-layout-1.0.1.zip (which I downloaded), I converted resource/california-layout/css/layout-blue.scss to layout-blue.css and placed under my project resource/california-layout/css/layout-blue.css.

Could you please let me know what are all css and image files required to get California theme perfect with all widgets which are in live version? how to get them to make this work ?

Thanks for all your help.

[mert.sincan]

Please add fontawesome in your project;

Code: Select all

<context-param>
        <param-name>primefaces.FONT_AWESOME</param-name>
        <param-value>true</param-value>
    </context-param>

Could you please let me know what are all css and image files required to get California theme perfect with all widgets which are in live version?

it is related to your project. Exp; If you want to use login.xhtml, please add login images.

Best Regards,

[techgeek]

My project is JSF with SpringBoot, so there is no web.xml to add font-awesome.

I've tried this https://stackoverflow.com/questions/497 ... primefaces but no luck.

Please help how to set this in springboot app.