Discussion :

[Jiraf]

Bonjour,

Malgré tout ce que j'ai pu lire et tester sur les PushButton je n'arrive pas au résultat escompté :

Avoir un PushButton avec une image en background...

J'ai testé trois solutions :

D'abord faire un Button "normal" en y incluant de l'HTML afin d'essayé d'y insérer l'image

résultat : pas de solution

Ensuite faire un PushButton avec un objet Image :

Code :

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

1
2
Image image = new Image("lgm/gwt/standard/images/closeb.gif");
	      PushButton close = new PushButton(image);

résultat : rien ne s'affiche (pourtant c'est le code proposé par Google)

Puis la troisième a été d'attribuer un style CSS à mon PushButton :

PushButton close = new PushButton(image);
close.setStyleName("CloseButton");

Avec comme CSS :

.CloseButton {
float : right;
background-image : url("lgm/gwt/standard/images/closeb.png") no-repeat;
cursor : hand;
cursor : pointer;
}

résultat : Rien ne s'affiche


J'ai vérifié que mon CSS était bien pris en compte et c'est le cas étant donné que d'autre attributs fonctionnent.
Je me suis aussi posé la question de savoir s'il prenait en compte n'importe quel type d'image : j'ai essayé .gif, .png, .jpg.

Bref je suis dans une impasse à ce niveau bien que ça ne doit pas être grand chose.


Merci

[Jiraf]

Pas d'idées ?

[rushtakn]

ça devrait pourtant fonctionner.
T'es sûr que le chemin vers ton image est correct (relatif à la racine du war à priori) ?

[Jiraf]

Oui j'ai fais le test avec une image que j'ai mis sur le RootPanel donc le chemin de l'image est bon.

La seule chose qui diffère c'est ce Button est intégré dans la barre de titre d'une DialogBox, je vois que ça qui pourrait bloquer l'affaire. En revanche je comprends pas pourquoi.

[rushtakn]

Dans la barre de titre d'un com.google.gwt.user.client.ui.DialogBox ?
On peut voir ton code ? Il me semblait qu'il n'etait pas possible d'y mettre autre chose que du texte, ça a changé depuis ?

edit : http://code.google.com/webtoolkit/do.../DialogBox.png Tu parles bien de la zone "About the Mail Sample" sur l'image ?

[Jiraf]

Yes je parle bien de ça, un petit glich existe pour ça.

Voilà le code :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
public class MyDialog extends DialogBox
	    {
 
	      /*Image image = new Image("lgm/gwt/standard/images/closeb.gif");
	      PushButton close = new PushButton(image);*/
	      Button close = new Button("x");
 
 
	      HTML title = new HTML("");
	      HorizontalPanel captionPanel = new HorizontalPanel();
 
	      public MyDialog(boolean autoHide, boolean modal)
	        {
	          super(autoHide, modal);
	          Element td = getCellElement(0, 1);
	          DOM.removeChild(td, (Element) td.getFirstChildElement());
	          DOM.appendChild(td, captionPanel.getElement());
	          captionPanel.setStyleName("Caption");//width-100%
	          captionPanel.add(title);
	          captionPanel.add(send);
	          send.addStyleName("SendButton");
	          close.addStyleName("CloseButton");//float:right
	          captionPanel.add(close);          
	          super.setGlassEnabled(true);
	          super.setAnimationEnabled(true);
	        }
	      public MyDialog(boolean autoHide)
	        {
	          this(autoHide, true);
	        }
	      public MyDialog()
	        {
	          this(false);
	        }
 
	       @Override
	      public String getHTML()
	        {
	          return this.title.getHTML();
	        }
 
	      @Override
	      public String getText()
	        {
	          return this.title.getText();
	        }
 
	      @Override
	      public void setHTML(String html)
	        {
	          this.title.setHTML(html);
	        }
 
	      @Override
	      public void setText(String text)
	        {
	          this.title.setText(text);
	        }
 
	      @Override
	      protected void onPreviewNativeEvent(NativePreviewEvent event)
	        {
	          NativeEvent nativeEvent = event.getNativeEvent();
 
	          if (!event.isCanceled()
	            && (event.getTypeInt() == Event.ONCLICK)
	            && isCloseEvent(nativeEvent))
	           {
	              this.hide();
	           }
	         super.onPreviewNativeEvent(event);
	       }
 
	     private boolean isCloseEvent(NativeEvent event)
	       {
	         return event.getEventTarget().equals(close.getElement());//compares equality of the underlying DOM elements
	       }
 
}

Dans ce code j'ai viré le PushButton provisoirement pour tout de même avoir un Button qui ressemble à qlqchose et voilà ce que ça donne :



Uploaded with ImageShack.us