Populate a screen with different sized panels

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By JustMyke

Hey I’m looking for some help.

I am trying to populate a screen with panels of different set sizes. I’ll be using 2 arrays to be able to do this but the issue I am coming across is that I’m not sure how to do this without causing gaps between the panels.

So what I’m hoping to do is something like ![this].... - Imgur] while avoiding ![this][.... - Imgur] (see the white square in the middle). I just don’t have the technical know how to make this happen. I can always do these things manually but I am hoping to be able to just do it randomly.

If you require more information, I will be happy to provide but I don’t think any else if needed in this instance.

Thanks for any help in advance

Hey buddy. The image links didn’t work for me.

DaddyMonster | 2021-09-23 11:01

Links are not working.

decepticlown | 2021-09-23 13:14

Sorry, links are now fixed

JustMyke | 2021-09-23 23:51

Still broken.

DaddyMonster | 2021-09-24 14:13

@DaddyMonster try a different browser because they look broken on Firefox for me as well. Tried it on …sigh…Edge and it worked

JustMyke | 2021-09-25 00:30

:bust_in_silhouette: Reply From: skysphr

The only clear difference I can spot between your two images is that one has a green rectangle somewhere in the middle and one has a white rectangle instead. In any case, the way to build such interfaces is to have a number of nested HBox and VBoxContainers containing items among which some have size flags set to expand vertically or horizontally.