# GUI Menu with Long Press Help

**URL:** <https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666>\
**Category:** Demos and projects\
**Tags:** gui, longpress\
**Created:** [June 19, 2026, 2:42pm UTC](https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666 "2026-06-19T14:42:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Trevor\_Orr](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/trevor_orr/32/50348_2.png) [@Trevor\_Orr](https://forum.babylonjs.com/u/Trevor_Orr)\
**Post date:** [June 19, 2026, 2:42pm UTC](https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666/1 "2026-06-19T14:42:40Z")

</div>

I am working on a project with a large menu and was trying to come up with a way to add help for the menu items without creating a long help doc. So I added a Long Press event to the menu items that displays a GUI modal with help about that specific menu item in it.

I think it works well and figured I would share it, here is the playground link

> **[Babylon.js Playground](https://playground.babylonjs.com/#BW2IH4%235)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [June 19, 2026, 3:12pm UTC](https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666/2 "2026-06-19T15:12:03Z")

</div>

Cc @georgie

---

<div class="post-metadata">

**Author:** ![georgie](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/georgie/32/46049_2.png) [@georgie](https://forum.babylonjs.com/u/georgie)\
**Post date:** [June 22, 2026, 1:58pm UTC](https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666/3 "2026-06-22T13:58:32Z")

</div>

@Trevor_Orr cool feature!! Thanks for sharing!

It would be nice if after longpress+popup is closed, the menu remained open to the state it was in before, but that’s just an optimization 🙂

---

<div class="post-metadata">

**Author:** ![Trevor\_Orr](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/trevor_orr/32/50348_2.png) [@Trevor\_Orr](https://forum.babylonjs.com/u/Trevor_Orr)\
**Post date:** [June 22, 2026, 2:43pm UTC](https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666/4 "2026-06-22T14:43:10Z")

</div>

That’s a really good idea, I think I will add that

---

<div class="post-metadata">

**Author:** ![Trevor\_Orr](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/trevor_orr/32/50348_2.png) [@Trevor\_Orr](https://forum.babylonjs.com/u/Trevor_Orr)\
**Post date:** [June 22, 2026, 3:11pm UTC](https://forum.babylonjs.com/t/gui-menu-with-long-press-help/63666/5 "2026-06-22T15:11:32Z")

</div>

The menu now stays open when a long press event occurs. only had to change 2 lines of code for that.

> **[Babylon.js Playground](https://playground.babylonjs.com/#BW2IH4%236)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes