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

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.

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

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