Rotated label in a container

This is a READ-ONLY snapshot of the Godot Community Forums when TwistedTwigleg was the owner, which is hosted for archival reasons only. The current Godot Community Forums can be found here.

Some links may point to external websites, including the current Godot Community Forums. These websites are not associated with TwistedTwigleg.

swante

Let's say I have a VBoxContainer with a button and 4 labels in it. I want labels to be rotated so they are vertical, with their text going from bottom to top. Also, VBox height should follow the length of the longest label. How this can be done? (I'm using Godot 3.4.3)

swante

Is it possible at all?

Zelta

do you want break some necks?

do you tried in the VBox container Rect/Rotation set it to -90, and labels Align to Right?

swante

@Zelta said: do you want break some necks?

do you tried in the VBox container Rect/Rotation set it to -90, and labels Align to Right?

This way doesn't work because I don't want the button to be rotated, only the labels.

Zelta

but you can rotate the button too xD

swante

@Zelta the button also has text which should be horizontal. Also, all this VBox is a part of bigger layout.

Zelta

some like this? sorry if i dont understand what are you trying to do

swante

@Zelta Yeah, exactly what I want! How did you make it? I see there is some symbol on VBoxContainer...

Zelta

i used a 'Panel' node for layout but you can use any other Labels aligned to right VBox container Alignement set to 'End', rotation -90

the symbol is because the option 'children not selectable'

swante

@Zelta, unfortunately this doesn't work because I need both Button and VBoxContainer with labels to be inside another container. And this outer container resets rotation of its children.

Zelta

this way?

Megalomaniak

It really is as simple as @Zelta is showing, you likely just aren't yet familiar enough with godots UI/control nodes kit. I'd recommend you keep experimenting - it's actually a very capable system for UIs.

swante

@Megalomaniak I'm not sure yet)

@Zelta Can you please elaborate on your last screenshot? How are button and labels laid out inside of Panel? It looks like what I need but I'm not sure that layout will work how I need.

swante

Here is what I'm starting with:

Now I need labels to be vertical/rotated AND still participate in layout (i.e. height of the whole container should be equal to the length of the longest label):

But rotation of the labels are controlled by their containers and always reset to 0.

Megalomaniak

make sure your control nodes horizontal&vertical size flags are also set appropriately.

Zelta

i used a panel, check the image. download the scene for ref

swante

@Zelta Thanks for the scene. Unfortunately it doesn't work the way I need – container with labels is not a part of any other container so it doesn't affect layout/size of other elements (button, panel). Looks like it's simply impossible in Godot to include a rotated element inside of any container.