# Stack panel horizontal alignment

**URL:** <https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803>\
**Category:** Bugs\
**Created:** [November 5, 2019, 5:40pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803 "2019-11-05T17:40:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![JFerret](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jferret/32/5541_2.png) [@JFerret](https://forum.babylonjs.com/u/JFerret)\
**Post date:** [November 5, 2019, 5:40pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803/1 "2019-11-05T17:40:28Z")

</div>

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;

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [November 5, 2019, 6:22pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803/2 "2019-11-05T18:22:26Z")

</div>

Hey and welcome!

do you mind creating a repro on the PG?

---

<div class="post-metadata">

**Author:** ![aWeirdo](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/aweirdo/32/52_2.png) [@aWeirdo](https://forum.babylonjs.com/u/aWeirdo)\
**Post date:** [November 5, 2019, 7:22pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803/3 "2019-11-05T19:22:27Z")

</div>

panel.width is probably just 100%

---

<div class="post-metadata">

**Author:** ![JFerret](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jferret/32/5541_2.png) [@JFerret](https://forum.babylonjs.com/u/JFerret)\
**Post date:** [November 5, 2019, 8:40pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803/4 "2019-11-05T20:40:11Z")

</div>

Excact code that i’m using.

[https://www.babylonjs-playground.com/#XCPP9Y#1541](https://www.babylonjs-playground.com/#XCPP9Y#1541)

---

<div class="post-metadata">

**Author:** ![aWeirdo](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/aweirdo/32/52_2.png) [@aWeirdo](https://forum.babylonjs.com/u/aWeirdo)\
**Post date:** [November 5, 2019, 8:49pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803/5 "2019-11-05T20:49:30Z")

</div>

@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](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](https://www.babylonjs-playground.com/#XCPP9Y#1544)

---

<div class="post-metadata">

**Author:** ![JFerret](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jferret/32/5541_2.png) [@JFerret](https://forum.babylonjs.com/u/JFerret)\
**Post date:** [November 5, 2019, 8:55pm UTC](https://forum.babylonjs.com/t/stack-panel-horizontal-alignment/6803/6 "2019-11-05T20:55:22Z")

</div>

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

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