Adding a Message Text for 2D Buttons on Hover

It will be helpful to add a standard message text next to any 2D button on hover so the users know the meaning of the button. It is better to make it a standard feature of a button. Just like buttons on Windows.

You mean like tooltips for the 2d GUI buttons ???

Hi, @sebavan I think so. Thanks for the response.

@msDestiny14 this one is for you :slight_smile:

If you want a way to do it in manually here’s how I did this for Battle Boats— A Beginner’s GUIde! | by Babylon.js | Medium

There are code snippets attached inside oh it. As a summary, what you are going to want to do is: create a rectangle with a textBlock inside it and have it follow the mouse (or it can be near the button i guess). When the user hovers over the button (using observables) change the visibility of the box to appear. (Or you can just create it and destroy it on call).

Let me know if you have any questions!

As to the feature request, definitely think could be something we build in this functionality into the GUI system. Probably even for all controls tbh.


Thanks! @msDestiny14 Your response is very helpful. I will give it a try.