Stack panel horizontal alignment

[JFerret]

Hello
The horizontal alignment is not working.
I tryed at the playground to be sure.

var panel = new BABYLON.GUI.StackPanel();
advancedTexture.addControl(panel);
panel.verticalAlignment = BABYLON.GUI.Control.VERTICAL_ALIGNMENT_BOTTOM;
panel.horizontalAlignment = BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_LEFT;

[Deltakosh]

Hey and welcome!

do you mind creating a repro on the PG?

[aWeirdo]

panel.width is probably just 100%

[JFerret]

Excact code that i’m using.

https://www.babylonjs-playground.com/#XCPP9Y#1541

[aWeirdo]

@JFerret as suspected

@aWeirdo

panel.width is probably just 100%

Solution 1; - Adapt to children width

chatStack.adaptWidthToChildren = true;
https://www.babylonjs-playground.com/#XCPP9Y#1543

Solution 2; - Hard-code same width as children

chatStack.width = “400px”;
https://www.babylonjs-playground.com/#XCPP9Y#1544

[JFerret]

My apologies, i’m new to Babylon and java script

Thank you for the solution, it works like i wanted!