How can I make control node margins adjust to the window resolution?

Question

When the window resolution changes, I would like the margins to stay the same. Right now, if i adjust the window size, a part of the control node is cut off. I would like for the control node to readjust its size based on the margins. Changing how the screen expands will not work in this situation. All of my attempts so far have been unsuccessful.

Answer 1

You need to make use of the anchor points — these four green pins:

UI elements all move relative to their location.
If they are all together like this then your element will just translate:

Instead, dragging them around the corners of your UI element like this will anchor the element to its original position and resize it relative to the screen like you are wanting:

 
You can read a little bit more about UI anchoring here:
https://docs.godotengine.org/en/latest/tutorials/ui/size_and_anchors.html

Hope that it helps! Good luck!
 

Comments

Okay, I was able to do it through a process inspired by this post. basically, I put the anchor in the top right and then I just wrote some code:

marginright = getsetting("display/window/size/width") - desiredmargin
marginbottom = getsetting("display/window/size/height") - desiredmargin

desired margin is a variable with your desired margin. If it is changed all margins have to be set. I'm just putting this here in the hopes that somebody else finds it and also so that people know that I figured it out.

Answer 2

In addition to what yuminous said, you can also go into settings, and under display -> window, change mode to 2d or viewport, and change aspect to expand.

Comments

This does work, but it doesn't do quite what I need it to.

---

What isn't working for you? Beyond these solutions, it's possible to change almost anything about control node sizing and the display of content (like text) through scripting.