Mise en page - verticalAlign

Bonjour,

J'ai des problèmes avec la "mise en page" de composants dans mon header.

Voilà en gros à quoi ça devrait ressembler :
http://free0.hiboox.com/images/1810/...6699a422b6.bmp
Un première image (le logo), à droite.
Juste à côté, une combobox, qui doit être centrée verticalement.
Tout à gauche : Un label et deux bouton, eux aussi centrés verticalement

J'ai donc placé tous mes composants dans une HBox

Code:

---

1 2 3 4 5 6 7 8

<mx:HBox> <mx:Image .../> <mx:Combobox .../> <mx:Box width="100%" .../> <mx:Label .../> <mx:Button .../> <mx:Button .../> </HBox>

---

ça fonctionne bien,mais je n'arrive pas à les centrer verticalement. Il sont tous "en haut".

J'ai essayé plusieurs combinaisons avec des box/hbox, etc, et utilisé la propriété verticalAlign, mais rien n'y fait, tout reste toujours en haut.

Honnêtement, je n'y comprend pas grand chose à tout ce qui est mise en page dans Flex..., c'est pour ça que je viens demander votre aide.

Il y a une propriété que j'ai manqué, ou un composant que j'utilise mal?

Merci!

Je crois que tu confonds ta droite et ta gauche.
A moins que tu ne parles de l'autre droite, et l'autre gauche évidemment :mouarf:

A priori ce que tu fais est correct. Tu mets bien le verticalAlign sur la HBox 'mère' ?

Ce bout de code fais ce que tu veux je viens d'essayer :

Code:

---

1 2 3 4 5 6 7 8

<mx:HBox borderColor="green" borderStyle="solid" verticalAlign="middle" width="500"> <mx:Canvas width="100" height="100" borderColor="red" borderStyle="solid"/> <mx:Text text="Du texte"/> <mx:Spacer width="100%"/> <mx:Button label="toto"/> <mx:Button label="tutu"/> </mx:HBox>

---

Et sinon utilise peut-être un Spacer plutôt qu'une Box pour 'bourrer' au milieu.

ok c'est bon ça marche.

(oui a force de modifier mon post, c'est devenu plus très juste l'histoire de gauche et droite^^)

Un p'tit tag résolu qui va bien alors ? :ccool:

Merci!

Dsl (partit mangé^^)