How'd you make a UIGridLayout remain on a single row, while keeping the content inside the frame?

How’d you make a UIGridLayout remain on a single row, while keeping the content inside the frame?

Whenever there’s too many pieces of content and overrides the container’s size, a new row is created. Using a ListLayout this second row doesn’t happen, but instead continues endlessly beyond the borders of the container and even screen.

How’d you make sure there’s only a single row and whenever too many pieces of content are there, they scale down in size instead?

Why don’t you just use UIListLayout with the parent frame’s ClipDescendant on?

But if you insist on using UIGridLayout, just set the FillDirectionMaxCells to 1. But you’d still need to put ClipDescendant on anyway so it doesn’t really make much difference


UIGridLayout Vs UIListLayout.rbxm (5.3 KB)

Gray is with ClipDescendant on, Red is without.
The leftmost of each colour is UIGridLayout, the right is UIListLayout.

So you’d better off using UILIstLayout anyway.

Cheers.

1 Like

Ah, yes. ClipDescendants is useful. When there’s too many pieces of content inside it however, it won’t scale them don’t and show all

Do you have a link or something for more information about the topic you are talking about. I am trying to learn about gridlayouts to use instead of UI boxes all the time.