Runtime(in-game) UI scripting. How can I improve this?

Hi! I'm trying to create a state machine editor for my game and I want to do it with UI Toolkit. I managed to get something on screen but I wonder if there is a better way to achieve the same thing. This is how I did it

1. Created a box representing a state in one UXML-file. Root VisualElement named "root"

2. Created an empty VisualElement-container in another UXML, and added it to a GameObject(named "UIContainer") with a UIDocument. Root VisualElement named "container".

3. Added the box UXML to a UIDocument in a different GameObject, made a prefab and discarded the GameObject.

4. Added this script to "UIContainer"

Code (CSharp):

1. public class VisualScriptingManager : MonoBehaviour
2. {
3.     public Transform baseBoxPrefab;
4.     void Start()
5.     {
6.         var t = Instantiate(baseBoxPrefab, new Vector3(0, 0, 0), Quaternion.identity);
7.         var r = t.GetComponent<UIDocument>().visualTreeAsset.CloneTree();
8.         gameObject.GetComponent<UIDocument>().rootVisualElement.Q("container").Add(r.Q("root"));
9.         DestroyImmediate(t.gameObject);
10.     }
11. }

I'm sure there is a better way to do this. I'm still a Unity newbie, despite having used it on and off for years.

Bonus question: When the state box is rendered it is really small compared to what it looks like in the UI Builder. What's that about?

 

Well I'll be damned... Thanks!

@antoine-unity Can you clue me in on the downscaling when it's being rendered?

 

Absolutely. The PanelSettings values are the default ones (see first image). The box has a min width and abs. position, not much else. The container I'm adding to has 100% width and height.

 

That worked, although it is now slightly too big with some render artefacts. I tried changing Scale Mode to Constant Pixel Size which seems to work best.

Still, it would be interesting to know how I should handle Panel Settings, and reference DPI in particular, when it comes to different kinds of displays. Basically, I want the boxes to stay the same size as I have designed them to have, regardless of display.