images do not scale properly in umg

Hi,

I am building an umg hud with images as background for buttons. I want the images not to lose their proportions while automatically scaling the button to a large enough size to contain the text. I tried using scale boxes, but the issue there is that the scale box itself is not scaled with the scaling of the image. I.e. you get a large white space between two buttons if they have been scaled. I feel like i am either looking at a bug or doing it the wrong way.

Hello ,

I have a few questions for you that will help narrow down what issue it is that you are experiencing.

Quick questions:

  1. Can you reproduce this issue in a clean project?
  2. If so, could you provide a detailed list of steps to reproduce this issue on our end?
  3. Could you provide screen shots of any blueprints that may be involved with this issue?

Hello ,

We have not heard back from you in a few days, so we are marking this post as Resolved for tracking purposes. If you are still experiencing the issue you reported, please respond to this message with additional information and we will offer further assistance.

Thank you.

  1. yes
  2. See the screenshot i provided. You see that the image is smaller than the scale box (i do not fill it). I would expect the scale box to get the same size as the image as long as i do not fill the scale box

This appears to be working as intended. Could you elaborate on the exact out come that you are hoping for and how the result that you are getting is at an inverse to the desired result? I have you tried using the various settings for the scale box to try and achieve your desired result?

Yes, i have tried the other options the scale box provides. What i am trying to do is let the image scale considering the amount of space available while keeping the image scale correctly, which should be exactly what a scale box is doing. In this case the image does scale correctly given the amount of space, but the scale box itself takes op the whole border, while i would want it to only take the size of the image. The reason i need this is the case in which you have multiple of these buttons below each other for example, then the additional space taken up by the scale box is not desired.

Have you tried using a horizontal/Vertical box inside of a scale box?

Try to set Image Margin option to 0.