GUI scaling problem

How would I get this to scale the button as well and everything inside of the frame.

So this is the screen shot before:

This is after:

How would I get this to scale the button as well and everything inside of the frame.

This is what it looks like in the explorer:
image

2 Likes

This post will help:

1 Like

I didn’t find anything about the problem I was having, everything is setup just how they have it.

1 Like

Have you tried adding a UIAspectRatioConstraint? AutoScale Lite can help you do that if you don’t know how

1 Like

Please show the position and size properties of the frames and the button.

1 Like

You might want to use an UIGridLayout, what are you looking to design by putting “Coils Txt” into a ScrollingFrame? A Shop? Inventory?

1 Like

⁝ Solution 1

• Ensure everything is sized with scale instead of offset

Offset: Scales the UI with pixels | X
Scale: Sizes UI with a percentage of the user’s screen |

⁝ Solution 2

• Using a UIGridLayout is more customizable than UIListLayout or none

⁝ Solution 3

• Add a frame and size it to fit the entire scrolling frame
• Make BackgroundTransparency = 1
• Relocate all the elements into this frame

⁝ Additional

• Use UIAspectRatioConstraint

Before: If the element is resized It will extrude on that size only | X
After: If the element is resized it will just grow larger or smaller |

1 Like

Use the Plugin Called Autoscale-Lite.
It works for me whenever trying to keep UIs in the same size and position.

Use the Scale Selection of the Plug-in, don’t use the UIConstraint if you don’t know what it is.

AutoScale-Lite Plugin

1 Like