HboxContainer align

[timit0]

Godot Version

4.2.2

Question

How can I my elements in my HboxContainer like that

My scene

Can someone help me ?

[coderjo]

You have two columns for layout, one for labels and one for inputs, the problem is the width of the two columns is not fixed. There are several ways to achieve this.

1. You can set the x component of all the labels’ custom_minimum_size property which is in the “Layout” group in the inspector view, to the same value. Do the same for the inputs.
2. It’s best to use a GridContainer in which you can set a column property for the column count. This way, every cell in the same column will have the same width, and every cell in the same row will have the same height.

Don’t worry about the second solution, for the biggest feature of Container is it’ll adapt to its child nodes’ size.

[coderjo]

Alternatively, you can do it oppositely. You first separate them into two columns, using an HBoxContainer node. Inside the HBoxContainer, place two VBoxContainer nodes for two columns. Then, put all the labels into one VBoxContainer, and the input nodes into the other.

You can easily set a fixed value or ratio for the width of the columns this way. For a fixed width, set the custom_minimum_size as before. For ratio sizing, adjust the “Control/Layout/ContainerSizing/StretchRatio” property in the inspector view for each column.

[timit0]

Thx bro