Discussion :

[f.granzo]

Hello tout le monde!

J'ai bien cherché sur la doc de RichFaces, mais je n'arrive pas à comprendre comment je peux personnaliser les skins.

Par ex, je veux modifier la taille de la police de l'entête d'un panel. Comment faire?

Merci d'avance de votre aide

[romaintaz]

Bonjour,

Concernant le rich:panel (mais la logique est la même pour les autres composants), tu as 2 choses à (éventuellement) mettre à jour pour le skinner :

1. Le fichier de skin. Il s'agit d'un fichier de propriétés (maskin.properties) contenant les propriétés de base de ton propre skin (définissant des couleurs par ex.). Pour le panel, onze propriétés sont utilisées (voir chapitre 6.56.8) : generalBackgroundColor, panelBorderColor, headerBackgroundColor, etc.

2. Les classes CSS (voir chapitre 6.56.9) : Chaque partie d'un composant RichFaces dispose de plusieurs classes CSS. Certaines classes sont "forcées" par RichFaces, pour définir les propriétés de base, puis les classes personnalisables, que tu redéfinis pour composer ta propre skin. Dans le cas du panel, les classes CSS sont rich-panel, rich-panel-header et rich-panel-body.

As-tu besoin de plus d'informations ?

[f.granzo]

Merci pour ta réponse!

Alors pour la solution 1. je ne sais pas où se trouve le fichier?? Est-ce qu'il faut le créer, si oui où?

Pour la solution 2. j'ai essayé comme dans la documentation, càd que j'ai par exemple ajouté cette définition dans ma feuille CSS:

Code :

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

1
2
3
4
 
.rich-panel-header{
    background-color:#F99;
}

Mais rien ne change dans mon composant... Est-ce qu'il faut définir qqc dans le composant pour qu'il prenne en compte ce style?

Merci d'avance de votre précieuse aide...

[romaintaz]

Bonjour,

#1. Oui, il faut créer le fichier ma.skin.properties. Il s'agit juste d'un fichier properties. Chez moi, il se trouve dans le répertoire src/main/resources (oui, j'utilise Maven 2), et se retrouve, au final, dans le répertoire WEB-INF/classes du WAR créé.

#2. Ca me parait bon. Maintenant, est-ce que tu inclus bien ton fichier CSS dans tes pages JSF (ou JSP) ?
En ce qui me concerne, je les inclue dans mon template de base (il faut utiliser Facelets pour avoir les templates) :

Code :

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

<link rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/css/monCss.css" />

[f.granzo]

Merci de ta réponse. Décidément rien ne va avec cette personnalisation de skins…

#1 : J’ai mis dans web.xml la déclaration suivante :

Code :

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

1
2
3
4
5
 
<context-param> 
        <param-name>org.richfaces.SKIN</param-name> 
        <param-value>test.skin.properties</param-value> 
    </context-param>

Et j’ai ensuite créé le fichier test.skin.properties dans le répertoire src… Mais j’obtiens l’erreur suivante :

javax.servlet.ServletException: Skin with name test.skin.properties not found

J’ai également essayé de mettre ce fichier dans le répertoire META-INF/skins/ comme conseillé dans la documentation mais rien n’y fait, toujours la même erreur.

#2 : oui j’en suis sûr ! Comme toi j’utilise facelets et j’importe ma css dans la page principale. Je ne comprends vraiment pas pourquoi cela ne fonctionne pas….

As-tu une idée de ce que je pourrais faire de faux ?

[romaintaz]

Hello,

Mon fichier Skin se trouve dans le WEB-INF/classes. Si tu utilises Maven, place le dans src/main/resources. Sinon, place le à la racine de tes fichiers Java...