Design The GUI Tutorial

Question

I am following the tutorial Design the GUI and I'm getting weird results when adding the health bar to the Bar container.

This is before I add the life bar background to the Under slot of the TextureProgress node:

This is after I add the image:

As you can see, the 10 jumps down which looks like it is adding some weird margin.

Any ideas on what the issue could be?

Comments

The images are not shown, you need to use an external image host and add the link here.

---

I fixed the image links (they were posted but the markup was incorrect), they should be visible now.

Answer 1

I figured this out.

It's because the life bar background is 53 pixels and the HP box was 40 pixels.

I had to realign the HP texture to make it look right.

I also had to set the GUI container to Layout > Top Wide in order for the GUI to show how the tutorial looked.