Size Flags Do Nothing

ZmanZ

I'm following this tutorial on designing a GUI for Godot. https://docs.godotengine.org/en/stable/getting_started/step_by_step/ui_game_user_interface.html

It says the following

<blockquote> <p> Let's make the Counters anchor to the right edge of the viewport. To do so, we need to set the Bars container take all the available horizontal space it can. Select the Bars node and scroll down to the Size Flags category. In the Horizontal category, check the Expand value. The Bars node should resize and push the counter to the right side of the screen. </p> </blockquote>

I set it it my project and its supposed to expand the container but it did nothing at all.

I've attached my project folder incase you want to see this for yourself.

Megalomaniak

Parent containers are not properly anchored.

ZmanZ

Could you explain further or point out where I can find what to do in the GUI Design tutorial?

Megalomaniak

Select the node you've named GUI, bring the mouse over to the viewport header where it says Layout, click it and pick the Full Rect item from there.

Now try the expand Size Flag on the Bars node again.

If you find that you don't want the vertical expansion on the GUI node select it again and in the inspector dial the Bottom anchor value to 0. Or alternatively pick the Counters node and disable the Vertical Fill Size Flag on it. Actually I would go for disabling the Fill Size Flags either on the node named Counter or Background in there.

ZmanZ

Thanks, its looking like in the tutorial now.