Help with UI Scaling Design

Help and Feedback Art Design Support
#1

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

  1. What do you want to achieve? I want to get my gui to look the same on all devices.

  2. What is the issue? GUI Scaling not working, even with the plugin from @ZacBytes

  3. What solutions have you thought of so far? I have tried to look all over and have tried all solutions. Please help.

There are no scripts in the gui and I use all the plugin options. I use Add Constraint, Unit Conversion (Scale and Offset) (Position and Offset) then text scale for the button.

image
image1702Ă—688 50.6 KB

Thanks for your help :smile:

4 Likes
#2

Can you provide some images what the gui would look like in different screen sizes?
Also try adjusting the settings with the position and size for the frames.

3 Likes
#3

Sure!

I am trying to do very simple UI Design for this game. Could you please explain what you mean by:

2 Likes
#4

It looks like scaling is working properly? what are you trying to achieve

1 Like
#5

To get the UI to fit on every screen. The SHOP ui is not fitting, but all others are?

1 Like
#6

are you using offset for the position? if you are you shouldn’t be.

1 Like
#7

Yes I am. Can that cause the UI to disappear on other screens?

1 Like
#8

yes, using offset can make stuff go off screen, i have experience with that kind of problem

1 Like
#10

Always use the Scale instead of Offset on the scaling properties.

You will have to manually assign the UI to scale, and once you have done that, you are free to have it move around on that same property. I can go into more detail if needed.

Scale is used to make it fit for all devices.

1 Like
#11

for stuff that doesn’t need to be really specific, like squares, you should be using scale

1 Like
#12

image
image862Ă—565 47.7 KB

It is still offscreen. What can I do to fix?

1 Like
#13

Just to clarify:
Don’t use offset?

1 Like
#14

Scale helps with making the UI fit for ALL devices recognized by Roblox.

Offset is just a default scale property that just means that it will be the same size regardless of the device.

1 Like
#15

So position does not matter?

char limit

1 Like
#16

and if you want squares you can use UiAspectRatioConstraint or change the size constraint to XX or YY

1 Like
#18

Positioning always matters, however, you want to make sure that it fits on the scale side, if you’re having issues with it not fitting correctly on all devices, then what I said is the exact issue more than likely.

You are able to move UI freely, and scale after you manually assign it to the scale

1 Like
#19

I got it! Thank you so much for your help. I now understand what you mean!

1 Like
#20

uh i wouldnt use offset? try only using positiong for the frame for example if the frame is 100x100 i would set the position to 1,-100,1,-100

2 Likes
#21

@gameknight_10 @k_illedd Solved this for me! Thank you so much guys!

2 Likes
#22

Not a problem, happy to help! Got confusing when I first started, once I got the hang of it, I was able to do a LOT with UI.

Remember: Scale uses decimals, from 0-1, while offset does not (still does but its doesn’t fix anything), and it ranges from 0-100 I believe, might be wrong on the limits.

1 Like