Merging horizontal and vertical panels doesn't work

Questions
1

hello guys,

I want to create a button and on the right, create a vertical list of buttons, for that I create a vertical panel the first element is a button and the second is a horizontal panel.
the problem is that when I write panal1.addControl(panel2), and then create my horizontal buttons, when I run it doesn’t display my panel2.

here is PG https://www.babylonjs-playground.com/#XCPP9Y#1199

THANK YOU

Anes

2

Check the console :slight_smile:

image
image.png1079×158 5.37 KB

To avoid infinite recursion you cannot have a control with widht set in percentage inside a horizontal panel.
So you must define the width in pixel

3

@Deltakosh the problem is when I ant to create panel.addControl(panel2) I don’t know why he didn’t let me to add a vertical panel inside a horizontal one (I want to create a button and then when I click I display a vertical list beside it and then when I click I display another vertical liste beside in horizontal way).
so I decide to add vertical panel inside horizontal one and then add buttons to it but it doesn’t work
here Babylon.js Playground when I comment the line 48 the error disapear :frowning:

4

Hey here is the fix:
https://www.babylonjs-playground.com/#QV9W73#2

Two hints:

  • Name all your controls so the errors or the inspector is easier to read
  • Make sure to set width to pixel values when inside a horizontal stack panel (line #49)
1 Like
5

okay, thank u dud