Create a UI list that allows me to group together elements

[SneakyRocket575]

Hello, I’m currently working on an little Air Traffic Control project. I already have the ability to have aircraft land, taxi, takeoff, etc. But, with no way for the player to control the aircraft. The way I would like to accomplish this is by using a UI in a format like this: https://gyazo.com/ef11e1a811d44787e31366bb13fce5d4 (I know the UI isn’t pretty as of now)

As you might see from the screenshot, I would like to display each aircraft in a list and then have corresponding buttons that lead to the player doing actions only for that aircraft. I’d like to be able to add new planes and remove planes from the list easily, without having to move around buttons, etc. I looked at using a UIListLayout, but I’ve had little success because I don’t know how to use multiple elements on one line (if I can).

If anyone has a good idea on how to create something like this, any ideas would be appreciated, thanks for your time.

[skeliphant]

The way you could do this is using a Frame or Canvas Group as a container, then placing your buttons in whichever layout you would like relative to that frame or canvas group.

Then, you can use these templates to easily add these UI elements in your ListLayout.

[SneakyRocket575]

Could I accomplish the same thing in a ScrollingFrame?

[skeliphant]

Yes, here is a visual example of the tree if you are not understanding what I am saying:

[SneakyRocket575]

Ohh, so once I put the buttons how I want inside of a container inside of the ScrollingFrame, I can just duplicate the container and it will be added to the list?

[skeliphant]

Yes, as long as there is a ListLayout in the scrolling frame.

[SneakyRocket575]

Wow, that makes this much, much easier. I appreciate it!