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

Takemura · October 27, 2022, 9:20pm

A simple workaround was created here:

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

BabylonJS/Babylon.js/blob/master/packages/dev/gui/src/2D/controls/selector.ts

import { Rectangle } from "./rectangle";
import { StackPanel } from "./stackPanel";
import { Control } from "./control";
import { TextBlock } from "./textBlock";
import { Checkbox } from "./checkbox";
import { RadioButton } from "./radioButton";
import { Slider } from "./sliders/slider";
import { Container } from "./container";

/** Class used to create a RadioGroup
 * which contains groups of radio buttons
 */
export class SelectorGroup {
    private _groupPanel = new StackPanel();
    private _selectors: StackPanel[] = new Array();
    private _groupHeader: TextBlock;

    /**
     * Creates a new SelectorGroup
     * @param name of group, used as a group heading

This file has been truncated. show original

Topic		Replies	Views
How to align radio buttons horizontally on a selection panel? Questions	4	1300	June 8, 2020
Getting buttons to align in a selectBox Questions gui	4	786	November 11, 2019
Stack panel horizontal alignment Bugs	5	1632	November 5, 2019
GUI stackpanel alignment Questions	10	2488	December 18, 2018
Merging horizontal and vertical panels doesn't work Questions	4	818	July 11, 2019

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

Related topics