control nodes and separating a screen

[stable sand]

I want to separate my screen in godot into 3 sections that sit on top of eachothers. Been trying to understand the node system and so far I've been unsuccessful. Any help is appreciated 👍!

I first tried putting 3 margin containers inside a vbox container

[harsh fjord]

That approach should work, as long as the settings for each node are correct.

Here's an example.

• The main control node and VBoxContainer node should be set to full rect

• The MarginContainers should be set to vertically expand.

Here's a version with PanelContainers (so that they are more visible)

[stable sand]

awesome! i got it to work! Could you explain to me what expand does? Does it just mean expand to fill out all the available space?

[harsh fjord]

Yep, exactly, fills all available space.
What makes space unavailable? Any minimum sizes you set.

So for example if your top PanelContainer has a minimum size of 100 pixels on the Y axis.
And your bottom two are set to expand.
Then the top will have a defined size and the bottom two will take up the remaining space.

[stable sand]

hmm

where is the minimum size property?

under which category?

[stable sand]

ohhh right got it

thanks man youve been a great help

[harsh fjord]

np! gl out there