Can't click UMG button's text area (Uniform Grid Panel)

Development Programming & Scripting UI
, , , , ,
1

I have an inventory system on the left side. Items in the inventory can be equipped via clicking.

http://i.imgur.com/MqrCygX.jpg

However, when you mouse over the text in the UMG button (which is part of a Uniform Grid) it can’t be pressed. Only the edges of the button can be pressed (where there isn’t text).

Here is how it is set up:

http://i.imgur.com/5FbPRLN.png

Add child:

http://i.imgur.com/g7tk0c9.png

Set widget style:

http://i.imgur.com/yVcZZnF.png

I have tried adding another child and setting that as the widget, which works, but then the whole inventory uniform panel gets messed up:

http://i.imgur.com/jClxfQQ.jpg

Here the items can be clicked through the text, but they are all on top of each other. I have tried many variations of this solution, but they all cause different problems.

Is there an easy solution to this issue? Or do I have to use the latter solution and find further fixes to those issues

Thanks

2

Use the Widget Reflector to See if there is something on top of your Button that is set to a Visibility Value that is Hit Test enabled (your Text could be blocking the trace from reaching the Button or some overlay you might have) I dont think the reasson is your grid itself since I used it multiple times myself with interactive stuff in it. In short if something is ontop of another Element it can block the mouse interaction to reach the element bellow.

3

Thank you very much. I wasn’t aware of this debugging tool, it is very useful. Turns out that character render on the right was prioritised above the inventory but below the middle item slots. https://puu.sh/xdZjr/952882b99d.jpg

It was overlapping the majority of the boxes where the text starts.
I moved the priority of the chacter render box below everything else and it is now hidden in the background and the text is clickable.

Thanks again.