How can I vertically center all items in a GridContainer?

Question

I have a label and a progress bar in a GridContainer and this GridContainer is inside a HBoxContainer.
How can I vertically center all items in this GridContainer?

Badoglio

Answer 1

Put a HBoxContainer inside GridContainer. You did the opposite. So:

GridContainer
--- HBoxContainer
------ Label
--- ProgressBar

Tedmann

Answer 2

Additionally contain the label within vertically expanded or center shrinked HBoxContainer.

Tedmann

Answer 3

Thanks for help. I tried to contain the GridContainer with a new vertically expanded or center shrinked HBoxContainer but nothing happens. Here's how my scene tree look like,

Badoglio

Answer 4

You need to set GridContainer column to 1 for it to stack vertically.

Bite

Answer 5

You can add spacers. Just add a control node above and below what you want to center and set them as expand fill.

Limitless

Answer 6

This video from GDQuest might help you.

By the way, you didn't give which Godot version you're using, 3.5 and 4.0 doesn't not manage containers the same way, and AFAIK, we need to give a custom minimum size at one point because containers are unable to calculate one themselves, even and especially when they have some content which have a defined size (label or texture for instance.)

Wellbalanced

Answer 7

Yes but what I need is for both items to vertically center not vertically stack.

Badoglio

Answer 8

Yes this work. Thanks!

Badoglio

Answer 9

Yes this work well and the progress bar has to be inside a HBoxContainer too. Thanks!

Badoglio