css et richfaces

Version imprimable

css et richfaces

Bonjour,
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <style type="text/css"> .cssbgs { width: 335px; height: 60px; border-width: 3px; background-image: url('img/search/search_bg.png'); } </style> <rich:tabPanel headerAlignment="right" switchType="client" tabClass="cssbgs">
pourquoi tabClass="cssbgs" n'a pas d'effet ?
pourquoi le css ne s'applique pas sur mon composant tabpanel
et merci

01/09/2009, 12h55
anisj1m

est ce que parce que le <style> et mon composant sont dans le même fichier

étrange?
01/09/2009, 13h17
anisj1m

dans un tuto il ya

Citation:

IX-C. [rich:TabPanel] Comment définir son propre style des onglets
En redéfinissant les classes de style suivantes :

* contentClass,
* activeTabClass,
* inactiveTabClass,
* tabClass.

<rich:tabPanel contentClass="myrich-tabpanel-content"
activeTabClass="myrich-tab-active"
inactiveTabClass="myrich-tab-inactive" tabClass="myrich-tabpanel">
</rich:tabPanel>

ma question est :
comment definir cette ((myrich-tabpanel-content)) et ou la mettre
01/09/2009, 13h31
Sniper37

dans un fichier css, là juste ton style n'est pas pris en compte..
utilise Firebug pour voir si le style utilisé.
01/09/2009, 13h33
anisj1m

alors comment intégrer le css ?
01/09/2009, 13h38
Sniper37
Citation:

Envoyé par anisj1m

alors comment intégrer le css ?
Code:

1 2 3 <head> <link rel="stylesheet" type="text/css" href="./style/panel.css" /> </head>
01/09/2009, 14h04
riadhhwajdii
Citation:
Envoyé par Sniper37

Code:

1 2 3 <head> <link rel="stylesheet" type="text/css" href="./style/panel.css" /> </head>
pour mois j'ai bien modifier le style de mon tabpanel
si il y a encore un probleme dis moi
01/09/2009, 14h09
anisj1m
j'ai essayé activeTabClass="cssbgac"

et quand j'ai utiliser firebug pour inspecter j'ai eu:

rich-tab-active cssbgac

but the style didnt applied
mais le style du css n'a pas été applique sur mon tabpanel
Code:

1 2 3 .cssbgac { background-color: blue; }
je n'ai pas eu le background bleu

essaye ça:

Code:

1
2
3
 
background-image: none;
background-color:blue;

01/09/2009, 14h16
anisj1m

dans l'exemple de richfaces il ya :

Citation:

Example:

...

.myClass{

font-style: italic;

}

...

The "styleClass" attribute for <rich:tabPanel> is defined as it's shown in the example below:

Example:

<rich:tabPanel ... activeTabClass="myClass"/>

mais non plus il n'a pas marché?

pas d'italique !!!!
01/09/2009, 14h27
Sniper37

vérifie si ta classe de style est disponible dans la page..tu utilise Facelets? ou juste des jsp?

sinon mets la classe dans un fichier css, et charge le fichier dans la jsp. Il n'y a pas de raison pour que ça ne marche pas.
01/09/2009, 14h47
anisj1m

exactement:

<link href="stylesheet/theme.css" rel="stylesheet" type="text/css" />
01/09/2009, 14h50
Sniper37

et avec:

Code:

<link href="./stylesheet/theme.css" rel="stylesheet" type="text/css" />
01/09/2009, 14h59
anisj1m

pourquoi le (./) que tu as ajouté
04/09/2009, 16h22
omegabahamut

dans ton css nomme ta classe comme ceci:
rich-tab-active.cssbgac
07/09/2009, 14h27
mLk92

Citation:

Envoyé par anisj1m

pourquoi le (./) que tu as ajouté

c'est pour l'arborescence de tes dossiers, c'est à modifier selon ton arborescence.

Si le style utilisé par richfaces prend le pas sur ton style, rajoute le !important

comme ceci :

Code:

.monPanell{ background: blue !important;}