Discussion :

[dridri]

Bonjour,

je me suis mis au GWT aujourd'hui et c'est vraiment extra. Par contre petit soucis et je ne trouve pas de réponse:

quand on désire ajouter une îcone à quelque chose on utilise

Code :

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

MonBouton.setIconCls("nom_classe_css");

Dans le fichier css correspondant on a:

Code :

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

1
2
3
.nom_classe_css {
background-image: url("cheminversmonimage.png");
}

J'inclu bien mon fichier css dans la page module gwt, ça y a pas de soucis.

Par contre, pas moyen d'afficher l'îcone du bouton!

Alors je me dis tout doucement, il faut lui spécifier quel fichier css on utilise... mais je ne trouve pas de méthode correcte...

bref, je suis un peu perdu avec les méthodes Cls... car je n'arrive pas à avoir un résultat.

Pour info:
* mon fichier css est correctement inclu dans la page html,
* je n'ai pas envie de spécifier à la main le chemin de l'image dans le code java
* les classes css dans le fichier css sont correctes, j'ai testé avec un composant classique html

qq'un à une idée?

[smallet]

salut
d'après mon expérience, j'ai l'impression que le path de l'image dans le css est relative à celui-ci.
en gros pour une arbo du type :

Code :

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

1
2
3
4
5
.
|-- Users.gwt.xml
|-- client
|-- public
`-- server

et dans public :

Code :

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

1
2
3
4
5
6
public/
|-- Users.html
|-- css
|   `-- images.css
|-- images
|   `-- wrench.png

mon css image contient ça :

Code :

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

1
2
3
.settings-icon {
    background-image: url( ../images/wrench.png );
}

ça marche, mais je ne suis pas satisfait à 100%

[dridri]

merci bien, mais je savais bien que l'emplacement des image est relatif au fichier css, donc mon petit problème ne se situe pas là...

le problème ce situe très probablement dans le fait que je ne sais pas comment gwt ext gère les css. Donc je ne sais pas si il faut lui dire quel fichier, quelle classe ou si c'est un peu automatique... bref, je suis un peu ds le gaz.

J'ai essayé également d'inclure mon fichier css dans le fichier ext-all.css contentu dans les fichiers extjs mais rien n'y fait...

Personne n'a eu le même problème pour mettre des îcones?

[dridri]

vous n'allez pas le croire mais... j'ai résolu le problème...

Code :

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

1
2
3
4
5
6
7
.toolbar-disconnect {
	background-image: url("../icons/disconnect.png") !important;
}
 
.toolbar-config {
	background-image: url("../icons/bullet_wrench.png") !important;
}

Il n'y a pas un petit quelque chose qui vous choque? en tout cas moi si, peut-être ne suis-je pas encore extrêmement savant en css mais c'est le !important qui manquait !

sans le !important ça ne marche pas... Pourtant ça me parait louche comme syntaxe css. Ca m'apprendra à me croire plus intelligent que les exemples de google et à me dire qu'ils ont mis ça pour qu'on oublie absolument pas le css...

voilà, j'espère que personne d'autre tombera dans le panneau

[smallet]

ok, désolé, je l'avais viré pour que mon post soit plus propre, pas très malin de ma part.
par contre j'aimerais bien savoir pourquoi on est obligé de mettre ce truc ...