Discussion :

[mamelouk]

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 :

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

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 :

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

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 :

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

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

et meme dans le fichier .gwt.xml

Code :

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

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

[the_bmo]

Dans la css .test au lieu de test

Et moi pour le fichier css, je mets tout simplement

Code :

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

<link rel=stylesheet href=style.css>

dans le index.html.

[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 ?)

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

[mickilous]

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 :

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

<stylesheet src='StockWatcher.css' />

Dans la classe du point d'entrée :

Code :

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

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 :

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

1
2
3
4
5
 
.test{
  color: red; 
  font-weight: smaller;
}

Aucune modification à faire à la page HTML.

[mamelouk]

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.

[mamelouk]

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.

[mickilous]

- 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

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

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+