Help, How Would I Make GUIS Fit All Screens?

Help and Feedback Scripting Support
,
#1

I need help making a GUI fit all screens.

  1. What do you want to achieve? Keep it simple and clear!
    I would like help with making a GUI fit all screens

  2. What is the issue? Include screenshots / videos if possible!
    I can’t figure it out, I’ve tried everything I could think of.

  3. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
    I already looked on the Developer Hub, I looked and couldn’t find anything. Yes, I already tried the AutoScale Lite - Roblox Plugin but it didn’t work for me.

Please tell me if you know how to help me!

2 Likes
How would i make UI Gridlayout appear the same size on all screens
#2

the plugin works. I use it in my workflow. You select the ui you want to be scaled on all devices, then make click on the unit converter plugin, make the sizr and position scale by clicking the “scale” button. Then add a constraint using the red icon. You should also set the anchorpoint to 0.5,0.5. So the re-scaling is applied at the center of the ui and not the top corner

2 Likes
#3

Thanks, I’ll go try it and I’ll tell you if I get it to work.

#4

Sorry for the questions, but is this correct?

I go to the UI and go to the plugin then select Unit Conversion and then select Resize under Unit Conversions and after doing that I click Add Constraint? Also should the UIAspectRatioConstraint be under the Frame or ScreenGui? And do I need to do anything in Test < Device?

#5

Frame

yes u do that

no

2 Likes
#6

You’re doing it wrong.

Select a GUI (NOT A SCREENGUI, A CHILDREN OF IT), then click Add Constraint whilst selecting it and done. Repeat this on other children as well, but do not do it on descendants.

Documentation: [Plugin] AutoScale Lite for GUIs - Scale your UI

1 Like
#7

you can add the ui aspect ratio inside the frame, then convert all of it’s children’s size to scaling. Then the frame’s children would be like it has a uiaspect ratio pro life tip

1 Like
#8

It kinda worked! It makes the UI fit the whole screen but the Children (TextButton and TextLabel) are still a bit weird. It’s kinda stretched out.

#9

What do I do to the Children to make them fit with the UI too?

#10

you need to change it’s children’s size and position to scale. it’ll make it scale with the ui too. if my post helped then make sure to mark it as solution!

1 Like
#11

Of course! And thank you! I’m still trying to do the Children’s sizes right now.

#12

Change each object’s size to 0.5, 0, 0.5, 0 then resize it each object to your needs, then you can click the devices button to see how it’d look on smaller screens.

1 Like