Problem with making ui compatible for every device

Hello DevForum, I need some help with my UI scaling/position problem. I tried multiple methods, the auto lite scale plugin thingy isnt working aswell.

How it should look on every device:
image

How it looks:
image

I tried to use a plugin and uiaspectratio even put the offset to scale but nothing really helped me by this problem.

Here is also a video:
https://gyazo.com/d4e2590b1d1fcda8593a8d459ec5fa14

ps this topbar was moved down so i could edit it

thanks for reading

can i see the explorer .
i see a uigranite

and what are you trying to do

im trying to move that ui in the topbar but its not fitting for every device

image

may be use the offset property of a uigradient

this haves nothing to do with the ui gradient

have you tried using scale for position and size and making offset 0?

Yes i did but it like getting smaller and still not staying in the top

Try setting the scale to {1, 0} {1, 0} and then scaling it and moving it where you want to. That always works for me.

i did it now but it looks like really small on the other devices now how do i fix that?image
image

Ensure that TextScaled is set to true. If it is ever so slightly offsetting from it’s position at the top, set the AnchorPoint. The article linked has a paragraph stating how to use it depending on how it’s aligned and positioned.

I want the box to say the excat same size for every device thats my problem now

If you’re talking about stretching, you’ll have to utilise a UIAspectRatioConstraint. This can be done with AutoScale Lites constraint feature- if you don’t know what it is then google the name, it’ll pop up.

no i mean that it stays the same size for every device like this image

image

top is PC and second is phone and i want the box to be the same size as on pc

Have you attempted what I told you to do? That seems to be what’s happening.

Have you tried Zawie’s Auto Positioning Tool?
Here’s the DevForum Post link for more details.
Remember to use Offset only!

1 Like

This is not related to his problem at all, his issue is that the aspect ratio of his UI is changing.

yes i fixed it but my problem is the sizing now as the ui scales different for every device now
i want it to stay the same size for every device