Image on custom button control blocks mouse operation

[asnuaaron]

Hi everyone,

I've created a custom button control from the 'Silver' Blank Button and I've placed a png image on the button (see attached).

Unfortunately the button will only operate if the mouse is placed at certain positions on the button and this is also affected by moving the image forward or backwards on the button.

No matter what I try I cannot get the mouse to work on the lower darker half of the button when clicking on the image.

Any suggestion would be very much appreciated.

[JÞB]

Use a mouse down / up filter event and compare the position to the bounds of the control.

Control bounds is readable from a control property node.   Mouse position can be read from the event case left node ( you may need to select it but I think it's available by default on mouse filter events)

[wiebe@CARYA · Accepted solution]

You usually want to add Boolean images as either a decal, or as replacement of one of the button's images.

Then they won't block the mouse.

[asnuaaron]

Thanks JÞB.

I will use the mouse event as a 'work around' although I'm still baffled why some images stop buttons from operating and some don't.  For example the attached button works just fine whereas my Pause button (attached earlier) does not.

I would really like to understand the root cause and fix it.

[asnuaaron]

Thanks wiebe@CARYA

Adding the image as a decal works perfectly.