Toggle (hide) element by clicking elsewhere

[simon.wong]

Hi there,

Hope someone has some thoughts on how I can achieve this behavior.

I am trying to build a submenu and I am using the Toggle action to show the submenu when the button is clicked. But the Toggle action only hides the submenu only when the same button is pressed again.

What I want to achieve is that I can open the submenu by pressing the button, but hide the submenu when I press anywhere else on the page. I’ve included a video example here:

Does anyone have an idea how this could be achieved?

Thanks,
FundKernel Development

[ihsanzainal84]

Hi!

You can use the Group Focus element and pin it’s position to your clickable. It works exactly as u mentioned.

Hope that helps!

[simon.wong]

That did it! Thanks!