Discussion :

[Mr Vincent]

bonjour,

je sais qu'un tel sujet à déjà été traité mais j'ai pas mal cherché et essayé diverses solutions mais je n'arrive toujours pas à centrer ma page.

J'utilise smartGWT, j'ai un vertical layout qui fait 1000px de largeur et je voudrais qu'il soit automatiquement au centre de ma page.

Voilà le code simplifier de ma page GWT

Code :

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

1
2
3
4
5
6
7
8
9
10
VLayout main = new VLayout();
 
        main.setWidth(1000);  
        main.setHeight100();  
        main.setStyleName("main");
        main.setBorder("3px solid #BFD000");
        main.setPadding(3);
        main.setMargin(9);
 
		main.draw();

css :

Code :

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

.main{margin:0 auto;}

J'ai essayer pas mal de choses et je n'ai pas dû passer très loin de la solution mais...
Si vous avez des idées

[mamelouk]

Salut,

Ne faisant pas de smartGWT je t'aurais proposé d'aligner en utilisant un panel de gwt, mais je vois que tu utilises le css : t'as essayé de régler la propriété horizontal-align ?

[Mr Vincent]

oui oui, j'ai essayé ça mais sans résultats...

[Mr Vincent]

j'ai enfin réussi après une multitude de tests grâce à ce post sur le forum de smartClient.

Code :

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

1
2
3
4
5
6
7
8
 
Layout page = new Layout();
page.setDefaultLayoutAlign(VerticalAlignment.CENTER);
page.setWidth100();
 
VLayout main = new VLayout();
main.setWidth(995);
main.setHeight100();