...
Pour les portlets, il est conseillé de créer un sous-répertoire par portlet et de le diviser en répertoires pour les styles et pour les images de fond (background) des styles.
Par exemple, pour la portlet ma_portlet :
Pas de format |
---|
ma_portlet
media
<images de fond des styles>
css
ma_portlet.css <= feuille de style de la portlet
|
Les portlets ne devraient pas appeler leurs feuilles de style. Les feuilles de styles des portlets devraient être appelés par le portail, en les incluant dans la feuille de base du thème
Lors de la transformation en page HTML, uPortal encadre systématiquement chaque canal affiché par une balise DIV ayant pour classe le nom fonctionnel (fName) du canal.
...
Bloc de code |
---|
<div class="portlet clearfix customImap" id="portletContent_u104l1n5242">
....
</div>
|
Il est donc pratique (et conseillé) de préfixer systématiquement chaque style de canal ou de portlet par son nom fonctionnel. Ceci évite les interactions malheureuses entre styles de canaux différents.
Exemple : le style
Bloc de code |
---|
.esup-mondossierweb .portlet-section-header
{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.8em;
font-weight: bold;
}
|
La feuille XSL
Si vous voulez modifier la structure de la page (HTML) vous devez modifier la XSL de rendu du portail.
...