Discussion :

[trin86]

Bonjour,

Voilà j'utilise richfaces tabpanel pour afficher des onglets, tout marche bien sauf le design des onglets qui n'a rien à voir avec les exemples sur exadel:
http://livedemo.exadel.com/richfaces...s/tabPanel.jsf

code du tabpanel:

Code :

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

1
2
3
4
5
6
 
<rich:tabPanel switchType="ajax" style="border:0" headerSpacing="0px" headerAlignment="left">
				<rich:tab label="Général" style="border:0"  >
<table> ... un tableau html...</table>
</rich:tab>
</rich:tabPanel>

voici le résultat que j'obtiens dans l'image ci-jointe.

Quel est le problème et comment le résoudre svp?

Merci

[Sniper37]

tu peux essayer le style par défaut sans redéfinir: style,headerSpacing, headerAlignment

[trin86]

Merci de me répondre.
J'ai essayé ça et c'est toujours le même résultat.

[Sniper37]

vérifie avec firebug le style appliqué, tu as du peu être redéfinir une classe de style qui impacte tabPanel

[trin86]

C'est une super idée, avec firebug j'ai trouvé qu'il y avait une image vide qui s'incère entre chaque entete d'onglet:

Code :

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

1
2
 
<img height="1" alt="" src="/TestParam/a4j/g/3_3_0.GAimages/spacer.gif.jsf" style="width: 0px; border: 0pt none;">

Ci-joint une image du code html traduit à partir de ma page jsf.
On dirait que cette image vient de richfaces, côté CSS je n'ai rien trouvé sur cette image.

Comment faire pour la supprimer? Merci.

[Sniper37]

quelle est ta version richfaces? et le code corrigé de ta page