Bottom Full width UI

Hey,

i want to have an UI at the bottom of my screen. Left will be a minimap in the middle a text etc. and right a menu for something and it should all be together without any distance.
For this i am using 2 Canvas and 3 borders for testing purpose. But if i run it the borders are away from each other or overlapping each other. I dont know which anchors i should use or if i should use any anchors etc. Is there a tutorial for that or does anyone have any advice for me?

Follow the next steps:

  1. Place CanvasPanel to the root.

  2. Add HorizontalBox and tweak its slot:

image

  1. Add Borders and set up its slots:

image

This is just one way to do it.
I hope it’ll be helpful to you.

My Products

1 Like