views:

2258

answers:

2

I have a custom HBox as so....

public class MyBar extends HBox {

public function MyBar() {
super();

this.height = 65;
this.percentWidth = 100;

var newButton:Button = new Button();
//..... 
newButton.y = 20;

var spacer1:Spacer = new Spacer();
spacer1.percentWidth = 50;

var spacer2:Spacer = new Spacer();
spacer2.percentWidth = 50;

this.addChild(spacer1);
this.addChild(newButton);
this.addChild(spacer2);

}

}

This displays a button in the center of the HBox, but the button is aligned to the top of the Box, I would like it to be in the center.

I'm sure I've had this working before as simply as setting the y value. But doesn't seem to be working now. I am using SDK 3.3

Anyone have any clues as to why I'm having difficulty with this?

Thanks!

+7  A: 

Setting the y won't work as the HBox controls the y positions. If you'd like all the buttons to be placed in the middle of the HBox you need to set verticalAlign to middle

in code that would be

setStyle("verticalAlign", "middle");
James Hay
this doesn't seem to work :(
adam
Adam... make sure you're setting verticalAlign: middle; on the HBox, not the buttons.
Jim Carroll
A: 

Thanks!!! It worked for me by giving verticalAlign as middle... :)

Devarajan