Discussion :

[sheepolata]

Salut à tous,

J'aimerais appliquer une même feuille de style CSS à plusieurs portlets.

Voici ma config :
- Liferay v5.2.3
- Tomcat v6
- Portlets intégrant ICEfaces

J'ai pensé à deux solutions. La première consisterait à modifier le thème courant appliqué au portail. La deuxième serait d'ajouter la même feuille de style à chacune des portlets en utilisant la balise <ice:outputStyle> d'ICEfaces.
Ai-je oublié une solution ? Quelle est la meilleure selon vous ?

[zorm]

Bonjour,

Je pense que la meilleure solution reste la mise en place d'un theme car les mécanismes de changements sont implémentés dans le portail; ils sont - au niveau du serveur - considéré comme une webapp à part entière (facilité de déploiement); tu peux paramétrer facilement le portail pour définir le thème à associer aux pages...

Pour commenter ton deuxième choix, appliquer une même feuille de style à chacune des portlets n'a pas de sens en soit car dupliquer les feuilles de style alourdiraient le poids de ta page (pas cool pour les perfs) et si tes nommages sont cohérents, tu n'as besoin que d'un fichier CSS pour que les styles s'appliquent correctement à toutes tes portlets.
Je ne connais pas le tag outputStyle mais une recherche rapide me laisse comprendre qu'il n'est pas à utiliser comme tu le souhaiterais

the outputStyle component will include an additional style sheet for Internet Explorer and Safari browsers....This allows style classes to be overridden for specific browsers.

[sheepolata]

Merci pour ta réponse zorm.

Oui effectivement, le choix du thème parait le plus propre. Cependant, si l'utilisateur change le thème, il ne verra plus les styles que j'ai écrits.

La solution idéale serait de donner le chemin d'une unique feuille de style à chacune des portlets. Mais comment faire pour faire ça proprement et facilement ?

Concernant la balise <ice:outputStyle>, cette documentation n'explique pas la même chose que celle là. Peut-être une histoire de version d'ICEfaces ?

[yjuliet]

A priori, la solution la plus propre, la plus efficace et la plus légère est d'avoir une CSS Custom partagée.
Pour ma part, j'ai tendance à la sortir du contexte du portail et à la mettre à disposition dans les contenus "statiques" qui profitent donc des mécanismes de cache à la fois des navigateurs et des proxys.
Pour ce qui est de son intégration, il y a une petite modification à apporter à chacun des thèmes que tu mets à disposition de tes utilisateurs afin que chacun prenne en compte, soit tu ajoutes un lien vers ta feuille CSS dans le code côté "HTML"

Code :

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

<ice:outputStyle>

ou

Code :

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

<link .../>

soit dans ta feuille de style principale, tu peux ajouter une référence vers la feuille CSS commune :

Code :

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

@import url(/styles/habillage.css);

En considérant que tes feuilles de style principales se nomment toutes "main.css", tu peux exécuter le script shell suivant dans ton répertoire de thèmes :

Code :

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

1
2
3
4
 
for fs in `find . -name main.css`; do
  echo "@import url(http://monserveur/static/custom.css);" > "$fs"
done