Tool Tip alternative

My website is fairly complex, so I wanted to add tool tips to a handful of buttons.

Is the only way to do so creating a boolean variable to bind the display of a tool tip to a hover?

I would prefer to not have to create 10 tool tip display variables to bind.

I was hoping there might be an integrated function that does this with any container. Any suggestions?

I was trying to look into loading custom CSS tooltip style in the head, then applying custom CSS on an element, but I’m not too well versed in this area and couldn’t get it to work. Not sure if it would even work. Kind of like what this link is talking about. CSS Tooltip

Just use a single tooltip variable. Your user won’t ever be able to hover over two or more at the same time.

But then binding multiple tool tips to one variable would show all tool tips at once.

Oh yeah you’re right :joy:

That won’t work!

You can use one variable holding an id, and bind to currentId == myId

There is also a better solution if you are using “real” button (with button tag).
You can go with with the native “title” attribute.

1 Like

OMG this is exactly what I’m looking for!! Thank you!

1 Like