Anpassen des Aussehens von tabView-Headern - jsf, primefaces

Ich freue mich darauf, das Aussehen von zu gestaltentabView-Komponente. Ich muss die Farbe der Tabulator-Kopfzeilen ändern (& wenn möglich 2 verschiedene Farben für 2 verschiedene Kopfzeilen). Ich habe dies versucht, indem ich die CSS-Regeln über das styleClass-Attribut für tabView angegeben habe, aber die gewünschten Ergebnisse nicht angezeigt wurden.

Wie kann ich das erreichen?

Antworten:

Primefaces-Komponenten erhalten das Erscheinungsbild eines CSS-Designs. Du kannst entweder:

• Bauen Sie Ihr eigenes Thema mit den gewünschten Farben mit auf Themeroller,

• Ändern Sie die Stilklassen für Ihr Design manuell. Stilklassen für jede Primefaces-Komponente sind in der Primefaces-Dokumentation aufgeführt. Da das Dokument für die neueste Version 2.2 von Primefaces nicht kostenlos ist, kann ich Ihnen nur mit den Klassen aus Primefaces 2.1 helfen:. Beachten Sie, dass möglicherweise weitere Stilklassen für die Registerkartenansicht gelten, die von anderen Komponenten übernommen wurden. Überprüfen Sie die HTML-Quelle der tabView, um alle anwendenden Klassen abzurufen.

• Benutze die style oder styleClasses Attribut wie in Ihrer Antwort beschrieben und überschreiben Sie die Themenklassen mit der !important Erklärung

3.0.M2 verfügt über die Attribute titleStyle und titleStyleClass für die Registerkomponente.

http://code.google.com/p/primefaces/issues/detail?id=892