UIGridLayout Visual Bug

I have an issue in my game and my pet inventory system. It was working fine before and recently a bug has appeared in the game that does this.

This image is how it looks when there isnt alot of of pets in the inventory, and how it should look

SS1

Then this image is how it looks if i have >8 pets in the system, which is obviously how i dont want it to look as its stretched and you cant see half your pets

SS2

Any help would be appreciated, thank you :slight_smile:

images taken in studio but the issues occurs in game, in the squares a pet shows but this is just for visual

Make sure the scroll frame is big enough to fit all the frames, also if you are using Scale for the items, you will probably have to use some UI Constraints like AspectRation or something because it could get stretched because of that.

The issue you are having is using scale in Y component, and then increasing size of scrolling container, which stretches the frames down. You could fix that by manually editing UIGridLayout.CellSize or by using offset (however it won’t keep the same size on different screen resolutions).

1 Like