Discussion :

[bruneltouopi]

bonjour!!
je voudrais modifier le background d'une partie de mon LayoutUnit
j'ai essayé ceci

Code :

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

<p:layoutUnit id="top" position="north" style="background-color: #a8549b;">

mais le resultat c'est pendant le lap de temps de chargement il me montre les contours avec cette couleur puis revient à la couleur par défaut.
puis j'ai eu à utiliser ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
.ui-layout-north {
     overflow:visible !important;
    background-color: red !important;
 
}
.ui-layout-north .ui-layout-unit-content  {
     overflow:visible !important;
    background-color: red !important;
 
}

Mais là il met le background aussi pendant le lap de temps du chargement puis revient à la couleur par defaut.
Ensuite j'ai même redifini un css comme ceci et l'appliquer

Code :

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

1
2
3
4
.header{
 
        background-color: #a8549b;
}

et rien ne se passe.
Merci d'avance pour votre aide!!

[bruneltouopi]

je l'ai resolu il a suffit que je me comporte comme un div

Code :

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

1
2
3
.myLayoutStyleClass .ui-layout-unit-content{
   background: #a8549b;
}

ensuite

Code :

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

<p:layoutUnit id="top" position="north" styleClass="myLayoutStyleClass">