Discussion :

[Elwe31]

Bonjour,

Comment faire pour modifier les couleurs de certains éléments d'un thème ?
Exemple : le fond d'un tabview ? Les couleurs des onglets ? La couleur du background du boody ?

Modifier la taille de la police générale ?

Est-ce que ceci est référencé quelque part ?

Merci.

[VirgApps]

Bonjour,
tu peux le faire simplement en rajoutant une feuille de style et en surchargeant les éléments souhaités. Il faut juste t'assurer que l'appel à cette feuille de style se fasse bien après celles de Primefaces.

[OButterlin]

L'ordre de chargement des css n'étant pas maîtrisable simplement, d'une manière générale, si tu veux remplacer des éléments css de Primefaces, il faut juste rajouter l'attribut !important à la fin de la définition.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.ui-state-disabled{
    color:#909090 !important;
    opacity:1.0 !important;
    filter:alpha(opacity=100) !important;
}

[Elwe31]

Ok, merci pour vos reponses.

2 questions :
1/Comment connaitre les éléments CSS de primefaces ?
2/Ne peut-on pas modifier le/les CSS primesfaces directement ?

merci

[OButterlin]

Alors, je répond dans l'ordre inverse :
2- Oui, on peut
1- Ça dépend du thème utilisé, et, généralement, ils sont "packés" donc difficiles à lire

[Elwe31]

Merci,

ICi : https://stackoverflow.com/questions/...-custom-styles
il dit de ne jamais utiliser "!important;"

Sinon, pour la suite des questions:
2/ comment ? y a t il des exemples ? j'ai essayé de regarder dans un .jar (dans le thème "afterdark") le fichier theme.css n'a pas l'air complet ??!!!!

autre petite chose quand je mets dans ma page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:outputStylesheet name="css/mystyle.css" />

j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
mars 21, 2018 3:12:07 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
AVERTISSEMENT: JSF1064 : Impossible de localiser ou de servir une ressource, css/mystyle.css.

Et dans le code HTML generer j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

><link type="text/css" rel="stylesheet" href="/javax.faces.resource/css/mystyle.css.jsf" />

merci