Perks/Button alignment

I want to make perks but, I am confused as to how to set up the selection. I want something like this.

I want them in a grid, like that. Any ideas?

Can you explain what you mean by:

how to set up the selection

Do you mean keyboard navigation?

Or you just want to space them out in this rather unique way?

Is there going to be a fixed amount of rows / columns?

edit: the most straightforward way would be to place a vertical box, populate it with horizontal boxes to which you add the abilities / skills. And then pad every other horizontal box from the left. Using a grid for this is also doable but will be fiddly as you’d need to apply an offset to every slot rather than just a row.

Do you have Discord? If you know how to make this then please contact me on discord. It’ll just be quicker. And I want to select them with a mouse and yes there is a fixed amount of rows and columns, but I’ll have arrows on the side to make it go to a new box

The selecting with the mouse, I said that because you asked “do you mean keyboard navigation”

The “New Box” is the same thing but with other perks

Do you have Discord? If you know how to make this then please contact me on discord. It’ll just be quicker.

I don’t do private tutoring, sorry.

And I want to select them with a mouse[…]

Every widget can override onMouseEnter - good for highlights, and onMouseDown & onMouseUp control clicks.

but I’ll have arrows on the side to
make it go to a new box

Not sure what that means. What’s a new box? You want to click additional buttons to highlight / select next ability in a row and / or skip to the next row?

If so, you can iterate through the elements of a panel by increasing the index on button press and fetching a reference to the appropriate child widget.

I found the answer! Sort of. Unreal Engine Custom Shape Button (Custom Hit Box) - YouTube