Discussion :

[fabszn]

Hello,

Je suis en train de développer une application basée sur GWT/GXT.
Je rencontre un bug d'affichage sur le composant SimpleComboBox.

Un bon schéma vaut mieux qu'une longue explication (cf copie d'écran jointe).
Le bouton de déroulement de la comboBox est décalé

Je ne sais pas du tout comment gérer ce problème.

Si vous avez une idée?

Merci d'avance pour votre aide,

Cordialement

[Dr.id0]

Salut,

Dans quel type de Panel sont elles ? t'aurais 1 tit bout de code ?

Sinon il me semble avoir lu quelques post à propos de ce problème sur le forum GXT.

[fabszn]

Hello,

Merci pour ta réponse :-)

Elles sont utilisées dans un FormPanel avect un FormData pour le positionnement des éléments.

Ci dessous le code :

Cela correspond à l'entête de la class

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
 
public class CreateJobOfferForm extends FormPanel {
public class CreateJobOfferForm extends FormPanel {
 
	public CreateJobOfferForm(final Window parent) {
 
FormData formData = new FormData();  
 
 
		setHeaderVisible(false);  
		setFrame(true);  
 
		setAutoWidth(true);
		setAutoHeight(true);
		//setLayout(new CenterLayout());
 
 
 
		SimpleComboBox<String> statusList = new SimpleComboBox<String>();
		statusList.setFieldLabel("JobOffer Status");
		statusList.add("Draft");
		statusList.add("Unpublished");
		statusList.add("Publiched");
 
		add(statusList,formData);
 
		SimpleComboBox<String> typeOfcontractList = new SimpleComboBox<String>();
		typeOfcontractList.setFieldLabel("Type of contract");
		typeOfcontractList.add("CDI");
		typeOfcontractList.add("CDD");
		typeOfcontractList.add("Stage");
		add(typeOfcontractList,formData);
 
		SimpleComboBox<String> activitySectorlist = new SimpleComboBox<String>();
		activitySectorlist.setFieldLabel("Activity sector");
		activitySectorlist.add("Banque");
		activitySectorlist.add("Assurance");
		activitySectorlist.add("Industries");
		activitySectorlist.add("Télécom");
		add(activitySectorlist,formData);
 
		SimpleComboBox<String> jobTypeList = new SimpleComboBox<String>();
		jobTypeList.setFieldLabel("Job type");
		jobTypeList.add("Administrateur");
		jobTypeList.add("Moa");
		jobTypeList.add("Chef de projet");
		jobTypeList.add("Developpeur");
		add(jobTypeList,formData);
 
 
 
 
		Button b = new Button("Create",new SelectionListener<ButtonEvent>(){
 
			@Override
			public void componentSelected(ButtonEvent ce) {
				MessageBox mb = new MessageBox();
				mb.setMessage(" Name " + positionTitle.getValue() );
				mb.show();
				parent.hide();
				Info.display("title", "Enregistrement effectué avec succès");
 
			}});  
		addButton(b);  
		addButton(new Button("Cancel"));  
 
		setButtonAlign(HorizontalAlignment.CENTER);// TODO Auto-generated constructor stub
	}
 
	}

Cette classe est utilisée comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
        final Window w = new Window();        
	w.setHeading("Product Information");
	w.setModal(true);
	w.setSize(700, 400);
	w.setMaximizable(true);
				
					
	//panel.add(buildCreateJobOfferForm(w));
				
				
	w.add(new CreateJobOfferForm(w));
	w.show();

Merci d'avance pour ton aide!

[Dr.id0]

Bon mon idée de départ c'etait que tes combo n'étaient pas placé dans 1 panel GXT mais dans 1 panel GWT (cela peut engendrer ce genre de comportement par moment) mais ce n'est pas le cas.

2eme idée, les CSS, 1 propriété CSS sur ta page html qui ferait interférence avec les CSS GXT.

[fabszn]

Hello,

Merci pour ton retour,

L'idée sur le CSS, serait peut être que j'aurais une référence à la CSS GWT et GXT?

Normalement l'interopérabilité entre GWT et GXT ne devrait pas poser de problème non?

Merci d'avance pour ton aide,

[fabszn]

Hello,


Merci encore pour ton aide et de m'avoir mis sur la voie...

J'ai trouvé d'ou venait le problème.
Dans le CSS de l'application, la règle suivante (à titre d'exemple) était renseigné :

Code :

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

1
2
3
4
 
img {
  margin-top: 20px;
}

Effectivement, ça me décalait les images de 20px vers le bas... Maintenant je ne sais pas pourquoi cette ligne était dans mon fichier CSS.. mystère.

En tout cas, les comboBox ressemblent maintenant à des ComboBox! :-)

J'aime les explications rationnelles à problème qui peuvent paraître irrationnels.. ;-)