GWT + CSS : je dois rater un truc là..

salut à tous,

Je me demande si j'ai raté un GROS truc parce que j'arrive pas à appliquer ne serait ce que la moindre couleur avec les CSS.

Exemple:

Code:

---

1 2 3 4

HTML lastUpdateWidget = new HTML(); lastUpdateWidget.setStylePrimaryName("test"); // j'ai aussi essayé setStyleName et addStyleName lastUpdateWidget.setHTML("hello world");

---

et dans le le css

Code:

---

1 2 3 4

test{ color: red; font-weight: smaller; }

---

j'ai inclus mon CSS de différentes manières : dans le fichier .gwt.xml, dans le fichier HTML avec plusieurs syntaxes. actuellement c'est :

Code:

---

1 2 3

<style type="text/css" media="all"> @import "style.css"; </style>

---

et meme dans le fichier .gwt.xml

Code:

---

<stylesheet src="style.css" />

---

et j'ai essayé de recompiler à chaque fois que je touchais au css, j'ai supprimé les fichiers temporaires;

et pourtant rien à faire, mon "hello world" ne bronche pas. change pas de couleur, change pas de taille.

Dans la css .test au lieu de test ;)

Et moi pour le fichier css, je mets tout simplement

Code:

---

<link rel=stylesheet href=style.css>

---

dans le index.html.

j'ai essayé .test aussi en utilisant .test et test dans le code source. mais ca marche pas (et je comprends pas pourquoi il devrait y avoir un point, ca fait partie de la syntaxe CSS ?)

et pour inclure le css j'ai déjà essayé comme toi aussi

Citation:

---

Envoyé par mamelouk

j'ai essayé .test aussi en utilisant .test et test dans le code source. mais ca marche pas (et je comprends pas pourquoi il devrait y avoir un point, ca fait partie de la syntaxe CSS ?)

---

Quand tu précises un nom de style dans ton code. A la translation, GWT en fait une class HTML. Pour préciser le style d'une class HTML, dans le CSS il faut préfixer le nom avec un "."


Sinon, je pense qu'il doit y avoir le bordel quelque part dans ton projet car j'ai repris exactement ton exemple dans le projet du tutoriel Stockwatcher de GWT et c'est impec.

En résumé :
Dans le StockWatcher.gwt.xml : Préciser la feuille de style

Code:

---

<stylesheet src='StockWatcher.css' />

---

Dans la classe du point d'entrée :

Code:

---

1 2 3 4 5 6

HTML lastUpdateWidget = new HTML(); lastUpdateWidget.setStylePrimaryName("test"); // j'ai aussi essayé setStyleName et addStyleName lastUpdateWidget.setHTML("hello world"); mainPanel.add(lastUpdateWidget);

---

Et dans le css

Code:

---

1 2 3 4 5

.test{ color: red; font-weight: smaller; }

---

Aucune modification à faire à la page HTML.

bon pour chercher ce qui va pas :

- quand je modifie le css, jusqu'ici j'ai modifié les deux (celui dans public, et celui dans le répertoire de compilation), lequel est ce qu'il faut modifier ?

- si c'est celui du dossier "public", ca veut dire qu'il faut refaire une compilation entière ?

merci.

omg j'ai enfin trouvé.. il y avait 3 css dans mon projet : celui dans public, dans www et dans... le dossier de compilation d'eclipse : bin.

celui de public est d'abord copié dans bin avant d'etre copié dans www. il y avait donc toujours un décalage avec ce que j'essayais de faire

solution : exclure le dossier src/projet/public du build path d'eclipse.

Citation:

---

Envoyé par mamelouk

- quand je modifie le css, jusqu'ici j'ai modifié les deux (celui dans public, et celui dans le répertoire de compilation), lequel est ce qu'il faut modifier ?

---

Celui dans public

Citation:

---

Envoyé par mamelouk

- si c'est celui du dossier "public", ca veut dire qu'il faut refaire une compilation entière ?

---

Non c'est pas nécessaire pour voir le résultat en "hosted mode"

Citation:

---

Envoyé par mamelouk

solution : exclure le dossier src/projet/public du build path d'eclipse.

---

Bon à savoir. Mais par défaut, il n'en fait pas partie il me semble

A+

en fait tout le dossier src fait partie du build path, donc toutes les ressources contenues dans les sous dossiers sont copiées dans bin..

maintenant ca marche nickel meme pas besoin de recompiler...

a+