Farbverläufe aus Richfaces-Steuerelementen entfernen

Question

Ich würde gerne das Richfaces-Panel verwenden, da es im Grunde die richtige Form hat und skinnable ist, so dass ich Schriftart, Farbe usw. ändern kann. Allerdings hat die horizontale Leiste, die die Kopfzeile enthält, als Teil des Standard-Skins einen Farbverlauf. Mein Design hat eine flache, einfache Farbe ohne jeglichen Farbverlauf.

Wie kann ich verhindern, dass Richfaces einen Farbverlauf hinzufügt?

Wenn möglich, möchte ich jede Erwähnung des Farbverlaufs aus dem CSS entfernen, um Blähungen und zusätzliche HTTP-Anfragen für Bilder zu vermeiden, d.h. ich möchte rendern:

Hintergrundfarbe: Schwarz;

und sonst gar nichts.

Ich verwende Plug and Skin.

---

Es scheint, dass wie diese Frage die Antwort ist, dass es wahrscheinlich nicht möglich ist, ohne Richfaces zu ändern. Vielen Dank für die Eingabe.

Answer 1

Ich weiß, dass ich mit meiner Antwort ein bisschen spät dran bin, aber ich dachte, ich würde meine Lösung für dieses Problem einbringen.

Ich verwende RichFaces Plug-n-Skin für mein Projekt, und ich bin in der Lage, alle Farbverläufe und vordefinierten Stile zu entfernen, indem ich das Control Skinning von RichFaces deaktiviere. Es ist eine einfache Änderung in der web.xml meines Webprojekts.

...
<context-param>
    <param-name>org.richfaces.SKIN</param-name>
    <param-value>PlugNSkinName</param-value>
</context-param>

<!-- Suppress stylesheets -->
<context-param>
    <param-name>org.richfaces.CONTROL_SKINNING</param-name>
    <param-value>disable</param-value>
</context-param>

<context-param>
    <param-name>org.richfaces.CONTROL_SKINNING_CLASSES</param-name>
    <param-value>disable</param-value>
</context-param>
...

Abhängig von Ihren Bedürfnissen, kann dies ein bisschen übertrieben sein, aber ich überschreibe sowieso so ziemlich alles auf allen meinen RichFaces Komponenten. Dies erlaubt mir, Stile zu spezifizieren, die ich in meinem Plug-n-Skin haben möchte, und lädt keine der unnötigen Standard-RichFace-Stile/Bilder, die ich sowieso nicht brauche.

Ich hoffe, das hilft.

Answer 2

Zur Datei web.xml hinzufügen.

<context-param>
  <param-name>org.richfaces.SKIN</param-name>
  <param-value>plain</param-value>
</context-param>

Dann können Sie Ihr Plug-n-Skin verwenden, um es zu ändern.

EDIT:

RichFaces verfügt über ein eingebautes Skin-System namens Skinnablity. Skinnability ist eine High-Level-Erweiterung von Standard-CSS. Sie können Ihre eigene Skin-Datei zur Verwendung in Ihrer Anwendung erstellen( jboss-Dokumentation ).

In der richfaces-impl jar, der Ordner /META-INF/skins enthält alle Skin-Dateien (.skin.properties). Kopieren Sie eine und benennen Sie sie um, ändern Sie, was Sie wollen. Sie müssen die Jar-Datei neu erstellen.

Answer 3

Ein Beispiel finden Sie auf der Website richfaces site um dies für dataTables mit CSS zu tun. Die Dokumentationen für reich:paneel sagt, die Klasse für die Kopfzeile ist rich-panel-header, so denke ich, die CSS wäre:

.rich-panel-header {
     background-image:none;
     background-color:transparent;
} 

Edit: Es ist erwähnenswert, dass Ihr CSS, das diese Mods enthält, nach dem Richfaces-Skin geladen werden muss, da jedes CSS, das nach diesem geladen wird, diesen überlasten kann.

Answer 4

Warum verwenden Sie nicht den einfachen Skin? Schauen Sie sich das an http://livedemo.exadel.com/richfaces-demo/richfaces/panel.jsf?s=plain

Wie Sie dort sehen können, habe ich den Skin auf den Typ 'plain' gesetzt, was Sie für Ihre Komponenten anscheinend wollen.