We would like to share a new handy tool with PrimeFaces Users. When you create your custom theme with ThemeRoller, the download gives you a zip file. To create a theme that follows PrimeFaces Theme API Conventions you need to create a jar following a folder structure and replace all the image references in theme css with JSF’s #{resource} resolver. This process can now be done by a 3rd party tool called PrimeFaces Theme Converter authored by Maxim Maximchuk.
The idea is great, now to try it out!
As far as I know, every PF theme file contains some additional style classes. The well known is e.g “ui-inputfield”. Is this converter aware of this when conervting jQuery theme to PF one?
Good point otherwise inputs will look like buttons so before using this tool additional css needs to be added to downloaded theme and should be re-zipped.
Yes, of course. You can add additional css properties for .ui-inputfield and .ui-selectonemenu. For this just click button “Add”, select needed comonent and describe css class body. Also you can do that without GUI, just configure prof file with notepad (for example see config/default.prof)
I missed that, awesome feature!
Great tool, downloading now
Thanks for posting about my tool on Your blog. I hope, my job will be usefull
Top notch work!
The theme converter isn’t compatible with the current version of ThemeRoller. When I try to open the jquery-ui-1.10.0.custom.zip I downloaded today, I get the message “Unsupported themeroller version” in the console output.
Also a feature request. I’d love to see an option where Theme Converter would automatically add classes (or simply just additional selectors to existing classes) so that inputfields and selectonemenus would use the style I chose for “Content” in ThemeRoller.