Player list GUI is not scaling and positioning correctly for different sized devices

Help and Feedback Scripting Support
#1

I’ll attach a screenshot of what I mean.
If I select a VGA screen when you can choose the device type in studio, the player list layout is messed up.
Screen Shot 2021-04-23 at 10.22.52 PM

If I select average laptop, it shows normally:
Screen Shot 2021-04-23 at 10.24.54 PM

Is there a way I can fix this and have it display normally for all screen sizes? (Yes I have scaled it) and here is my explorer: Screen Shot 2021-04-23 at 10.25.37 PM
Template is the player’s username btw

Edit: Here’s the script that’s tweening the text into place I don’t think it matters but still:
local ypos = 30 + (25+2)*(count-1) slot:TweenPosition(UDim2.new(0, 7, 0, ypos), dir, style, dur, true)

#2

Try using a plugin to insert a UIAspectRatioConstraint to keep the scaling and proportions consistent on all screen sizes.

3 Likes
#4

I already scaled it with autoscale lite but it still isn’t working but I’ll try using a uiaspectratioconstraint and see if it works

#5

Still doesn’t fix the problem
30char

#6

Frames, TextButton, TextLabel, ImageLabel, etc all are using UDim2 to determine the Size.
Meaning of you check your Size value, you will find something like {0, 100}, {0, 150}
The 2 properties are:

  1. Scalar
  2. Pixel

The scalar size is relative to the scalar size of the parent GUI element.
ex.: {1, 0}, {1, 0} would be fullscreen while {0.5, 0}, {0.5, 0} would occupy a quarter of the screen in both dimensions.

The pixel portions value is the same regardless of the parent size. Meaning {0, 100}, {0, 150} would represent 100 pixels by 150 pixels.

In your case, you have to ensure you are using the scalar size.

Reference regarding UI Sizing (UDim2):

GuiObject.Size (roblox.com)

#7

Sorry what I’m rlly confused also I think this is a problem with scaling but idk how to fix it

#8

Instead of using the numbers after the comma, use the numbers before the comma.
It will size depending on the Screens automaticly then.

#9

I know but the top text that says player list sizes correctly but the text on the player list moves way too far down to the right

c9a13064b190352867588adf6ade8f25227b38e0
See on a different device it’s not scaling right

But when it’s on average laptop which I designed it using it looks normal: Screen Shot 2021-04-24 at 1.38.25 PM

#10

Ensure the size is also right inside the TextLabels etc.

1 Like
#11

Are you using Discord or any other Services for communications to make it easyer?

#12

I have discord for communications why

#13

Could make it easyer so your able to screenshare. If you would like, you can add me.
2014patrick#1455

#14

Have you been able to fix it so far?

#15

No I haven’t but I’m not at my computer rn I’m typing on my phone I’ll try to look at it later

#16

Alright.
If you need anything, just reply.

#17

Okay so I got the player list i based it off of a YouTube tutorial so I’m going to try it again the way they did it and see if it works that way

#18

It still doesn’t work idk why ill probably just find a different tutorial

#19

Use UI Scaling instead of UI Aspect Ratio.

#20

I tried all of those it still doesn’t work
maybe because I edited the gui from a yt tutorial and it doesnt work right but idk

#21

re create the ui and make sure you’re testing.

1 Like