Entfernen Sie alle Styling von Primefaces-Komponenten?

Question

Ist es möglich, alle Styling von Primefaces-Komponenten zu entfernen? Ich meine, der Komponentensatz ist gut, aber jedes Bit jeder Komponente manuell überschreiben zu müssen, damit der Komponentenstil dem Gesamtdesign meiner Anwendung entspricht, ist nicht gut. Ich kann Stunden nicht benutzen, um Firebug zu benutzen, um zu finden, welche Klassen usw. es benutzt und all das.

Also gibt es keine Möglichkeit, dies zu entfernen und nur die Komponenten für ihre Funktionalität zu verwenden und Ihr eigenes Design zu bieten, anstatt gezwungen zu sein, das Standard .... oder eines der "Themen" zu verwenden?

Answer 1

Set primefaces.THEME Kontextparameter zu none und Sie erhalten eine funktionale UI ohne Stile.

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>none</param-value> 
</context-param> 

Sie müssen nicht Stunden Bearbeitungsstile verbringen. Das Design von PrimeFaces erfolgt über gemeinsame Stile wie ui-widget-header, ui-widget-content, die Sie über das Webformular themeroller anpassen können. Ich glaube nicht, dass JSF und Theming einfacher als PrimeFaces werden können.

Answer 2

Wenn Sie die Oberflächen mit Ihren eigenen CSS verwenden möchten, wäre es nicht einfacher, ein eigenes Thema mit der jQuery UI - ThemeRoller zu erstellen?

Hier ist ein Link, wie Sie Ihre own Theme for PrimeFaces

Answer 3

erstellen eigenes Thema erstellen, wie @ Daniel sagte. Ich möchte nur hinzufügen:

Für partielle Styling müssen Sie nicht alles firebug, primethefaces user guide umfasst Style-Klassen für jedes Element. Es enthält auch andere sehr nützliche Informationen und Tipps (auch zum Thema Häuten). Verwenden Sie es als Ihre erste Quelle, wenn Sie sich mit allem über Primefaces abmühen.

Answer 4

PrimeFaces fügt standardmäßig zwei CSS-Dateien ein, theme.css und primefaces.css. Sie können theme.css entfernen, indem man folgende web.xml:

WebContent/resources/primefaces/primefaces.css