Design The GUI Tutorial

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By ShabbaStoney

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?

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

GameVisitor | 2018-06-02 19:40

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

Calinou | 2018-06-02 20:32

:bust_in_silhouette: Reply From: ShabbaStoney

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.