tooltip position

3 replies · opened Apr 21, 2021

BbaroninkjetApr 21, 2021

I have been trying to modify canvas tooltip to change position. For example, instead of being "on top" of image target, I would like it inside image. (In my case, "on top" looks stupid!)

One would think that "data-offset" would work. But it does not. It works OK as long to position tooltip outside of target. But will not work, gives goofy results with negative numbers.

There is probably something dumb I am missing. How can I modify tooltip to have them show insider target, rather than outside?

Thanks!

p.s. I am almost finished with project. You have been a HUGE help!!!! I so LOVE Canvas support!!!!!!!

SSemicolon WebSTAFFApr 24, 2021

Hello,

Thanks for your Patience!

We have tried working on this but unfortunately, the Tooltips cannot be displayed inside their target. They can only point outwards. You can use offsets, using this attribute: data-offset="20 0" but negative offsets are not supported to make the Tooltips display from inside.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

BbaroninkjetApr 24, 2021

OK, good to know I was not missing something!

There are a number of fancy tooltip codes online, but they use span in a way which breaks my Canvas features.

What ended up doing was using raw css. Styling is not ideal, but location is more to my liking.

SSemicolon WebSTAFFApr 24, 2021

Hello,

We understand. You can consider using this: http://themes.semicolonweb.com/html/canvas/item-overlays.html . This allows any Content on Hover. A Button, Text or Caption.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard