Discussion :

[GAEREL]

Bonjour.

Je souhaiterai changer la couleur par défaut de la bordure des onglets du DecoratedTabPanel mais je ne trouve pas le bon attribut CSS
(theme standard) Je voudrais remplacer le "bleu ciel" (cyan ?)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .tabTopCenter {
  background: #FF0000;
}
.gwt-DecoratedTabBar .tabTopLeft {
  background: url(images/corner.png) no-repeat 0px -55px;
  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
}
.gwt-DecoratedTabBar .tabTopRight {
  background: url(images/corner.png) no-repeat -6px -55px;
  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  background: #FF0000;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #FF0000;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #FF0000;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #FF0000;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #FF0000;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #FF0000;
}

Merci de votre aide

[GAEREL]

Arg... en copiant mon code je crains d'avoir compris : ce bleu tout moche est dans les images png !!!
J'ai raison ?
Il faut que je refasse ces images à mon gout ?

[benwit]

En regardant dans http://gwt.google.com/samples/Showca...DecoratorPanel avec Firebug, effectivement, ce sont des images.

Il y a le thème gris plus sobre et plus passe partout ...

Sinon, il faut faire les tiennes images.

[GAEREL]

Merci de ta réponse.

Je vais laisser tomber la solution "images personnalisées" au profit d'un thème plus glamour.

[benwit]

Il y a aussi http://gwt-theme-generator.appspot.com/ qui est une petite application qui fabrique un jar de theme gwt avec ta couleur.

Je n'ai pas essayé ...

[GAEREL]

Impressionnant.

Cette application m'a parfaitement généré un thème à la couleur de ma charte graphique.
C'est nickel

Un "must-have" !

Merci