How can I make it so that a new UI element on a ScrollingFrame goes down so that it doesn't overlap with another frame?

Help and Feedback Scripting Support
#1

the title speaks for itself,

How can I make it so that a new UI element on a ScrollingFrame goes down so that it doesn’t overlap with another frame?

#2

Use UIListLayout (UIListLayout | Roblox Creator Documentation) or UIGridLayout (UIGridLayout | Roblox Creator Documentation).

#3

You can use UI List or UI Grid Layout, and also set the size of your scrolling frame to where you want your elements to be and turn on ClipDescendants so the elements don’t go out of the scrolling frame and overlap with other frames

#4

Could you give me a visual representation? Im slightly confused…

Why should I use a UI List OR UI Layout? Which do I use over the other?

#5

UiListLayouts are for one row or column of gui objects, and UiGridLayouts are for making a grid like pattern for the gui objects. You can set how many frames are in one row or column and set the padding (spacing between objects) to your liking.

Hope you found this useful :slightly_smiling_face:

1 Like
#6

UIListLayout is for single vertical or horizontal lists, this is what you probably want:3
Item
Item
Item

UIGridLayout is for grids, for example having 3 across yet 3 down:
Item Item Item
Item Item Item
Item Item Item

1 Like