ImgButton- -> how to skootch the image down a bit

[tmcconechy]

On the imgbutton in the buttons sample as well as the one i made the buttons sit rather high -> what is the way to skootch them down so they are centered within the ToolStrip?

See attached on the left side?

I tried everything i could think (top, width, height, bottom, align ect) of but i cant get this to work?

[Isomorphic]

You probably want layoutAlign:"center" on the ImgButton. If that doesn't seem to solve it, use the Watch tab in the Developer Console to understand why it's placed where it is.

[acarur01]

Im trying to specify the alignment of an image button in an hstack - is this how I am supposed to do it? If not, how do I achieve this? Ultimately I want to have two children under the hstack, one to the right and one to the left without having the add a layout spacer if at all possible.

isc.HStack.create({width:"100%",backgroundColor: 'red',members:[
isc.ImgButton.create({
    ID: "imgButton",layoutAlign: "right",
    width:18,                
    height:18,
    showRollOver: true,
    showDisabled: true,
    showDown: true
})]});

[Isomorphic]

No - see docs for canvas.layoutAlign vs layout.align.