Scaling GUI Images

Hey developers. I’m a scripter, and right now I am making a Widget for a plugin. You don’t need any plugin development knowledge to help me, (If you don’t know. Widgest use the default screen GUI so its just like a GUI on the screen, yet, the main frame can move and be different sizes)

What I need help is with sizing of the images. You see Widgets often are not square, but rather a rectangle when most developers use them. Right now, the image labels look ‘weird’ and I was wondering if I would make them more ‘square-like’ and smaller then this look. (I am using scale instead of offset). But I do want to keep them centered-ish.

Here is a video of what I mean:

Hierarchy:
image

Any and all help is much appreciated!

If you have the plugin AutoScale Lite then you can use the UiAspectRatio option. It may or may not work, if not just tell me and I can find another method!

(I have another method, that may not work as well: On images, they have a ScaleType property, use fit or something that works for you. Stretch generally doesn’t do good, on anything, still waiting for Roblox to add proper stretching…

1 Like

Yea I did mess with them. I don’t like how works as each each moves far away from each other, and if I remember correctly it wasn’t as centered as I would like. Move towards upward, then in the middle.

Works nicely and able to work with it! Thank you so much!

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.