[UMG] how to properly use "Grid Panel" widget?

i have come across this native widget, and can’t find any useful information about it.

140158-screenshot_2.png

by the icon and the tiny description, i assume it implies a grid like Diablo inventory (see Diablo picture below)

140159-screenshot_3.png

am i right?

in any case, how to properly use it?

1 Like

thank you for answering!
howerver, it doesn’t seem to work like i’ve described above, instead it arranges the stuff pretty similarly to uniform grid, for example:

140189-screenshot_2.png

][1]
here the small widgets (button in this case) takes a place of the biggest widget in it’s row and column, and i can’t figure out how to put a lot of small widgets there instead of one (because there is simply place for them)

do you have any clue?

i’ve found the solution!
use “row span” and “column span” to determine the size of the widget:

140192-screenshot_3.png

in the above case, i’ve set column span to 4 and row span to 3 for the bigger widget.

The grid panel could potentially be used for what you’ve shown in the screenshot.

Basically, the grid panel will attempt to divide up space for whatever you drag into it.

To get a good idea of how this works, drag a grid panel into UMG and drag a few buttons or other widgets into it. You’ll be able to move the buttons along by clicking on them, and changing the values in the “Slot (Grid Slot)” tab for the button. There will be Row and Column options - try changing these, and you’ll see that you can choose what row or column you want to button to appear in. You’ll also have options like nudge, which will offset the widget.

My advice is just to start dragging things in, seeing what the settings do, and once comfortable, start scripting with the Grid Panel. Good luck! :slight_smile:

1 Like