Discussion :

[vincent.vigon]

Bonjour,
J'utilise Eclipse 4.3 (Kepler) avec le Google-plugin pour construire une application GWT.

J'utilise le méchanisme des LayoutPanel. Tout ce passe très bien avec chrome et safari.

Par contre, sur firefox : Les panneaux ne sont pas bien dimensionnés, et surtout : dans le canvas, avec firefox, toutes les couleurs apparaissent en noir !

Voici un code court dans lequel cette erreur apparait : je pose une ListBox sur le RootLayoutPanel. Elle n'occupe pas 50 % de la largeur comme prévu.
Par contre elle occupe 100% le la hauteur, alors qu'au contraire, avec l'option (muti-selection=false), elle ne devrait faire qu'une seule ligne.

Merci pour votre aide.
Vincent

Code :

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

1
2
3
4
5
6
7
8
public void onModuleLoad(){				
		ListBox list= new ListBox(false);
		RootLayoutPanel.get().add(list);		
		RootLayoutPanel.get().setWidgetLeftWidth(list,0,Unit.PCT,50,Unit.PCT);
		for (int i=0;i<100;i++){
			list.addItem("item "+i);
		}
}

[plawyx]

Quelle version de firefox as-tu ? et as-tu bien créé une permutation pour cette version?

[vincent.vigon]

J'utilise Firefox 23.0.1

J'ai trouvé mon erreur : elle est en deux parties :
Premièrement pour la largeur :
Quand on utilise des LayoutPanel, pour firefox (uniquement), il faut préciser que la widget que l'on pose occupe 100 % du container père. Le petit code suivant illustre ceci :

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
LayoutPanel theRoot= RootLayoutPanel.get(); 
LayoutPanel east = new LayoutPanel();
ListBox list= new ListBox(true);
 
// hiérarchie
theRoot.add(east);
east.add(list);
 
//tailles : 
theRoot.setWidgetLeftWidth(east, 50, Unit.PCT, 50, Unit.PCT);
 
// par défaut, quand on précise pas de taille, le fils occupe 100% de son père.
// Par exemple, la ligne suivante est inutile (chez chrome, safari et FireFox)
//east.setWidgetLeftRight(list, 0, Unit.PCT, 0, Unit.PCT);				
 
// Par contre, pour Firexfox, il faut rajouter cette ligne, inutile chez les autres	
list.getElement().getStyle().setWidth(100, Unit.PCT);
 
// C'est d'autant plus étrange, setHeight n'est pas nécessaire. 		
 
// ajoutons du contenu à la liste
list.addItem("toto");

Deuxièmement. Quand on crée une ListBox(false) cad que l'on n'autorise pas
la multi-sélection, par défaut, avec Chrome et Safari, la hauteur de cette Liste est de 1 caractère.
Avec Firefox, par défaut, la liste occupe toute la hauteur du container.

Pour le coup, je trouve Firefox pas du tout logique (sauf si il y a encore un truc que je n'ai pas pigé...)

Vincent

[vincent.vigon]

Pour mon erreur de couleur, elle vient du fait que j'avais oublié le # devant le numéro de couleur (méa culpa).

Sur ce coup, c'est chrome et safari qui sont trop coulant.