Primefaces-Theme to PrimeNg-Theme

UI Components for JSF
Post Reply
michael.spaltenstein
Posts: 2
Joined: 28 Aug 2015, 09:46

12 May 2016, 11:47

Hello Everybody

Is there a simple way, to convert or use a Primefaces-Theme as a PrimeNG-Theme? We would like to maintain only one customized Theme and then use it in PrimeNG and Primefaces.
We did a diff between the aristo PrimeNG-Theme and the Primefaces-Theme, conclusion: most Styles are the same, but there are small differences, also, the primefaces-Theme includes more Styles then PrimeNG-Theme. The Images are references of course different in the primefaces Theme than in the primeNg-Theme.

For example:
Primefaces-Theme Stylesheet:

Code: Select all

.ui-state-default .ui-icon {
    background-image: url("#{resource['primefaces-aristo:images/ui-icons_38667f_256x240.png']}");
}
PrimeNg-Theme Stylesheet:

Code: Select all

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_38667f_256x240.png);
}
Does anybody has any experience with this problem? Is there anything like a theme-converter?

Thanks for any help!

Cheers

tandraschko
PrimeFaces Core Developer
Posts: 3979
Joined: 03 Dec 2010, 14:11
Location: Bavaria, DE
Contact:

13 May 2016, 13:03

it's actually done the other way around.
You create a theme by the jquery themeroller and convert it to a PF theme via https://themeroller.osnode.com/themeroller
I think you have to do it by yourself with regex or something.
Thomas Andraschko

PrimeFaces | PrimeFaces Extensions

Apache Member | OpenWebBeans, DeltaSpike, MyFaces, BVal, TomEE

Sponsor me: https://github.com/sponsors/tandraschko
Blog: http://tandraschko.blogspot.de/
Twitter: https://twitter.com/TAndraschko

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 41 guests