GUI design with various LineEdit

cbec

Hello

I am trying to design a GUI and it is driving me crazy. I need to include several LineEdit and Label.

I want to organize them in columns and rows, I thought to make a scene that contains the elements to be repeated and then put that scene in the main window inside different HBoxContainer and VBoxContainer. I made an image to explain.

But I can't get the elements to align. The base scene that will then be repeated I tried to do with a Panel, HBoxContainer or Control node as root.

Let's see if you guide me in the way I should do this.

Thank you very much, and sorry for my bad English.!

Megalomaniak

Maybe include a screenshot of your scene tree for us to see too?

cbec

Hello

I didn't include a screenshot because I really did a lot of testing and didn't have anything to show. I've recreated the last thing I've done:

As you can see, it seems that they do not respect the VBoxContainer and they pile up on top of each other.

I also made the root node of the scene to be a VBoxContainer or a Control, but I also couldn't align them like in the image of the first post.

All the best

DaveTheCoder

You may want to use a GridContainer with two columns as the outer container.

Zelta

i think the second pic should work but

create your panel with all the labels, linedit, etc. set panel 'min size' the same that 'size' add them to the containers

Megalomaniak

For that first example, I'd give Label1 also a HBox parent and then also a control node as a sibling to fill the space of the second column.

cbec

Hello

It took me a while to respond, I've had too much work!!

Well, it has improved a lot with just those recommendations!!

@DaveTheCoder said: You may want to use a GridContainer with two columns as the outer container.

I didn't use the GridContainer because (this was just a sample) in the real project there will be 3 columns, each with a Label as header and I don't know if it will be more complex with the GridContainer, I'll try it.

@Zelta said: set panel 'min size' the same that 'size'

This was the solution so that the panels did not overlap.

@Megalomaniak said: For that first example, I'd give Label1 also a HBox parent and then also a control node as a sibling to fill the space of the second column.

I've tried this, but didn't get a significant change.

Thank you very much!!