How to align radio buttons within a radio group to be aligned horizontally?

as questioned above, these buttons does not aligned horizontally.
Can anybody help? thanks very much.
https://www.babylonjs-playground.com/#9M6M2I#20
I guess maybe I should set the radio button’s alignment one by one,but not sure.
or maybe I misunderstand the logic of alignment itself.

If I remember correctly a selection panel was only designed for vertical alignment. For horizontal alignment you need to use a stack panel.

Thanks for your memory, I 'd try stack panel.

Did switching to stack panel work for you? I have a similar problem where I am trying to align radio buttons horizontally. If I simply replace Selection Panel with StackPanel I get an error as ‘addGroup’ is not a function of stackpanel. If I use addControl instead of addGroup I get an error saying ‘t._link is not a funtion’

were you able to find a solution for this issue?

A simple workaround was created here:

But you could go deeper and either try customize SelectionPanel-class or create your own custom one:

1 Like