JSF Ext liefert CSS- und Javascript-Dateien zum Anpassen normaler Buttons an das Primefaces Layout.
Skins#
Skins können inzwischen über Maven konfiguriert werden. In der pom.xml:
<dependency>
<groupId>org.primefaces.themes</groupId>
<artifactId>sunny</artifactId>
<version>1.0.8</version>
</dependency>
Und dann nur noch in der web.xml auswählen:
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>sunny</param-value>
</context-param>
Oder man bindet das Theme im Page-Template ein:
<h:outputStylesheet name="theme.css" library="primefaces-<theme>"/>
Custom Themes#
Da Primefaces auf JQuery aufbaut, kann der
Online-Theme-Konfigurator für die Skins verwendet werden. Aus dem heruntergeladenen ZIP wird das Verzeichnis custom-theme nach <web-root>/resources/primefaces-<theme>/ extrahiert, sodass sich darin /images und /jquery-ui-1.9.1.custom.css befindet. /jquery-ui-1.9.1.custom.css wird nach theme.css umbenannt, damit Primefaces es findet. Oder eben wieder über die Anweisung <h:outputStylesheet>.