Gui either image or textlabel not scaling correctly

You can write your topic however you want, but you need to answer these questions:

  1. What do you want to achieve? Keep it simple and clear!
    I want it to always look like as in the size picture, on every device

  2. What is the issue? Include screenshots / videos if possible!
    On my device in the studio it looks like this
    image
    but when I use the device button to see how it looks for other devices it looks like this
    image

  3. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
    I tried using anchor points, offset instead of scale and changing the scaletype of the image

All gui things you see are using scale for size and positioning, there is no usage of offset in this problem

Also the scaletype I used for the image is “cropped”. Let me know if it should be something else

3 Likes

Still need help over here… bump

1 Like

Happy to help,

Though its unlikely I’m going to be able to resolve your issue in this one reply, as I don’t know the hierarchy of your Screen Gui, and I’m also not 100% certain what seems to be the issue… From my understanding the green back frame seems to be clipping through the top and the bottom of the border yet not stretching far enough to enrapture the ends. -But only when your in the device emulator?

I first and always recommend this plugin for scaling the size, and position, I’m aware you said you already did so consider this for future reference, but regardless you need the size --(and position) to be scale if you want it to maintain quality throughout device’s

It looks like the green back frame isn’t apart of the overall goldish border, if so I recommend setting the parent of the green back frame to that border, and set all of the children to scale using the Unit Conversion aspect of the plugin, Not the constraint, Constraints are very different than scaling, also check to see if there is a constraint in the green frame, that could also be interfering.

Cropped? – What image scale type is cropped, this builds on my question of; “Is the green frame an image label, and/or apart of the border in image or parenting aspects”

If that plugin doesn’t resolve your issue please respond with an elaborated problem, and a picture of the ScreenGui, (only relevant UI) in explorer and while showing the descendants.

Hello. Sorry for the late reply. This is a picture of my explorer. The green frame is a frame with a green background. Also yes the green backframe is part of the goldish border.
image

Would you mind sending a rbxm file of the folder HealthBar? It’s just very hard to diagnose the problem like this…

Try messing around with aspect ratios.