css et richfaces

**anisj1m** · 01/09/2009, 12h33

Bonjour,

Code :

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

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

**anisj1m** · 01/09/2009, 12h55

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

étrange?

**anisj1m** · 01/09/2009, 13h17

dans un tuto il ya

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

**Sniper37** · 01/09/2009, 13h31

dans un fichier css, là juste ton style n'est pas pris en compte..
utilise Firebug pour voir si le style utilisé.

**anisj1m** · 01/09/2009, 13h33

alors comment intégrer le css ?

**Sniper37** · 01/09/2009, 13h38

Envoyé par anisj1m

alors comment intégrer le css ?

Code :

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

1
2
3
<head>
<link rel="stylesheet" type="text/css" href="./style/panel.css" />
</head>

**riadhhwajdii** · 01/09/2009, 14h04

Envoyé par Sniper37

Code :

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

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

**anisj1m** · 01/09/2009, 14h09

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 :

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

1
2
3
.cssbgac {
		background-color: blue;		
}

je n'ai pas eu le background bleu

**Sniper37** · 01/09/2009, 14h13

essaye ça:

Code :

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

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

**anisj1m** · 01/09/2009, 14h16

dans l'exemple de richfaces il ya :

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 !!!!

**Sniper37** · 01/09/2009, 14h27

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.

**anisj1m** · 01/09/2009, 14h47

exactement:

<link href="stylesheet/theme.css" rel="stylesheet" type="text/css" />

**Sniper37** · 01/09/2009, 14h50

et avec:

Code :

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

<link href="./stylesheet/theme.css" rel="stylesheet" type="text/css" />

**anisj1m** · 01/09/2009, 14h59

pourquoi le (./) que tu as ajouté

**omegabahamut** · 04/09/2009, 16h22

dans ton css nomme ta classe comme ceci:
rich-tab-active.cssbgac

**mLk92** · 07/09/2009, 14h27

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 :

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

.monPanell{ background: blue !important;}

css et richfaces

JSF Java

Discussions similaires

Partager

Partager