Buttons not scaling with Scrolling Frame using UIGridLayout

Hey!
The problem is pretty much self explanatory in this video:

https://gyazo.com/24ebdba838cfa24e83ce53b6a910052d

The buttons are not scaling with the frame and the scrolling frame works poorly when that happens.

Here how the GUI is composed:

The “Selected Button” is copied and cloned by the script depending on how many animations I have in, the UIGridLayout organize them in order and so.

image

UIGrid Layout Properties:

Scrolling Frame Properties::

image

Any help is really appreciated!

Roblox has two types of sizing, the scale (wich you should use) and the offset.

The scale sizing depends on the size of your screen / device, not like the offset property, wich always is the same size, for all the devices and sizes.

You have to change the UIGrid Layout CellPading and CellSize sizes to scale sizes, not the offset ones.

Sorry if didn’t explain well, i’m not english. Hope this helps :slight_smile:

The issue happens because I must have the UIGrid Layout in Offset so the scrolling frame works properly

He didn’t say you shouldn’t use the grid layout, just change the size from offset to scale. Instead of {0, 170}, {0, 170} make it {0.2, 0}, {0, 170} or something. You can use scale for Y axis too but you’d need to resize the scrolling frame manually