RichFaces Override CSS

F

freez

Top Contributor
Hallo Community,

mit RichFaces 3.x vor ein paar Jahren hatte ich nie Probleme die CSS Definitionen von Richfaces zu überschreiben um das Design anzupassen. Jetzt habe ich nach langer Zeit ein Projekt mit RichFaces 4 aufgesetzt. Nun werden meine overrides nicht angenommen. Ich sehe im Browser auch, dass das CSS File vor den Richfaces CSS geladen wird. Wie kann ich die Reihenfolge beeinflussen, oder habe ich hier vielleicht ein Konfigurationsproblem?

[XML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" >

<f:view>
<h:head>
<link type="text/css" rel="stylesheet" media="all" href="./vorlage.css" />
</h:head>
<h:body>



<rich:dropDownMenu mode="ajax" style="width:50px;height: 30px;" hideDelay="300" showEvent="click" >
<f:facet name="label">
<h:panelGroup>
<!-- <h:graphicImage value="/images/icons/copy.gif" styleClass="pic" alt="copy" /> -->
<h:eek:utputText value="File" />
</h:panelGroup>
</f:facet>
<rich:menuItem label="New" >
</rich:menuItem>
<rich:menuItem label="Open" />
<rich:menuGroup label="Save As...">
<rich:menuItem label="Save" />
<rich:menuItem label="Save All">
<f:facet name="icon">
<h:graphicImage value="/images/icons/save_all.gif" alt="save_all" />
</f:facet>
</rich:menuItem>
</rich:menuGroup>
<rich:menuItem label="Close" />
<rich:menuSeparator id="menuSeparator11" />
<rich:menuItem label="Exit" />

</rich:dropDownMenu>
</h:body>
</f:view>
</ui:composition>[/XML]


Ich habe auch folgende web.xml Einträge versucht:
[XML]<context-param>
<param-name>org.richfaces.control_skinning</param-name>
<param-value>enable</param-value>
</context-param>
<context-param>
<param-name>org.richfaces.control_skinning_classes</param-name>
<param-value>enable</param-value>
</context-param>
<context-param>
<param-name>org.richfaces.enableControlSkinning</param-name>
<param-value>false</param-value>
</context-param>[/XML]
 
F.S.WhiTeY

F.S.WhiTeY

Bekanntes Mitglied
Moin,

viel interessanter wäre mal deine CSS gewehsen. Hast du die Richfaces Styles in deiner CSS mit !important überschrieben und bist du dir sicher das du die richtigen Klassen überschrieben hast?

HTH

David
 
F

freez

Top Contributor
OK, gern. Ich habe zum Testen im Prinzip alle CSS Klassen aus dropdownmenue in meine vorlage.css kopiert und geleert:
Code: 
*.rf-ddm-lbl, *.rf-ddm-lbl-dis {}
*.rf-ddm-lbl {}
*.rf-ddm-unsel {}
*.rf-ddm-sel {}
*.rf-ddm-pos {}
*.rf-ddm-dis {}
*.rf-ddm-lbl-dec {}
*.rf-ddm-lst {}
*.rf-ddm-sublst {}
*.rf-ddm-lst-bg {}
*.rf-ddm-itm {}
*.rf-ddm-itm-unsel {}
*.rf-ddm-itm-sel {}
*.rf-ddm-itm-dis {}
*.rf-ddm-itm-ic {}
*.rf-ddm-itm-lbl {}
*.rf-ddm-sep {}
*.rf-ddm-nd {}
*.rf-ddm-itm-dis *.rf-ddm-nd {}
*.rf-ddm-emptyIcon {}
*.rf-ddm-itm-ic input[type="checkbox"] {}
*.rf-ddm-itm-lbl input[type="text"] {}

Im Prinzip dürften keine Styles mehr vorhanden sein. Diese Methode hat vor ein paar Jahren noch funktioniert. Aber ich sehe eindeutig, dass mein CSS File vor dem dropdown css File geladen wird. Damals war es anders herum und ich konnte somit die die CSS Klassen überschreiben.
 
F.S.WhiTeY

F.S.WhiTeY

Bekanntes Mitglied
hey,
du musst die klassen mit !important überschreiben. css hat sich weiter entwickelt. wenn du es richtig machst, ist es egal was zuerst geladen wird. es gilt die mächtigkeit der ausdrücke.

ich empfehle dir css4you, einfach mal googlen.

lg

david
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
S Zugang zur List elementen (richfaces) Web Tier 1
G GWT oder RichFaces oder ... Web Tier 5
J JSF Grad der Barrierefreiheit von PrimeFaces, ICEFaces, RichFaces und OpenFaces Web Tier 2
K RichFaces CommandButton mit PopUp verwenden Web Tier 2
M RichFaces zerstörte mein Projekt Web Tier 4
D JSF RichFaces Tree-Beispiel Problem Web Tier 2
T RichFaces will nicht funktionieren :( Web Tier 2
T RichFaces einbinden Web Tier 4
N JSF [Maven] Seam 2.2, Richfaces 3.3 - a4j wird nicht umgewandelt Web Tier 6
T JSF Simple Anwendung mit Richfaces Web Tier 7
S Richfaces 4.0 Ajax Waitingpanel Web Tier 2
J JSF Richfaces Tabs, dynamisches include funktioniert nicht Web Tier 4
S Richfaces: Column ReRender Web Tier 4
G JSF Richfaces rich:messages Web Tier 13
M JSF Richfaces 2 Kalender kombinieren Web Tier 4
K RichFaces Geschwindigkeit bei Tabellen Web Tier 3
T JSF/Richfaces rich:dataTable with rich:datascroller Web Tier 1
H Richfaces - Taglib Problem gelb unterstrichen Ajax Output Web Tier 6
E JSF 2.0 Wie Richfaces in Eclipse einbinden? Web Tier 25
M Frage zur Konfiguration einer RichFaces DataTable Web Tier 4
I JSF 2.0 und RICHFACES/ ICEFACES oder ähnliches? Web Tier 6
B Probleme mit RichFaces Web Tier 2
B Richfaces 3.3.2.SR1 --- Kompatibilität Web Tier 3
N Richfaces + AjaxValidator Web Tier 3
T richfaces + jsf Web Tier 3
L [RichFaces] Applikation wird mit NullPointerException beendet Web Tier 5
W RichFaces converter in orderingList wirft exception Web Tier 5
V Image Map und Ajax-Richfaces Web Tier 5
J Richfaces combobox zeigt Items nicht an Web Tier 4
P Richfaces/Seam: RichShuttleListe funktioniert nicht Web Tier 8
N oncomplete bei Richfaces Web Tier 3
D Richfaces (Seam/Hibernate): dynamische Eingabefelder Web Tier 2
D Eventing in Kombination mit RichFaces bzw. Element.show() Web Tier 2
F Richfaces livedemo Web Tier 1
F RichFaces, Problem mit PickList Web Tier 2
T richfaces datatable Web Tier 3
C RichFaces Ajax ReRender funktioniert nicht. Web Tier 2
S richfaces Datatable horizontal ausgeben Web Tier 2
F RichFaces: JSF-Lifecycle / Validierung Web Tier 2
E RichFaces 3.2.1 Probleme Web Tier 4
F nach Update auf RichFaces 3.2.0 Fehlermeldungen Web Tier 5

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben