Tooltips on html buttons

0

Hi Martin,

I've been looking at it for a while, and what i've learned is:
* WEBCON uses this React package/library to render tooltips: https://www.npmjs.com/package/react-popper-tooltip
* It basically creates/deletes new DOM element, on mouseover/mouseenter/mouseleave, which is appended to the bottom of the DOM

I don't know any way how to hook up into compiled/minified react javascript code though - i consider this would be the best way (probably possible with SDK).

What you could try to do is to mimic the look, and behaviour in rather clunky way, but it might work.
In attachment you can see how i've configured example HTML Control, which behaves almost like an webcon default tooltip..

You can find code here: https://pastebin.com/iBD5xyww (most of it is basically copied rendered DOM element, with edited inset style).
And you can see it in action here: https://gifyu.com/image/S6pvS

It requires some tweaks to work on list item (and also to avoid error on refresh), but maybe it will be some starting point to a solution, or at least discussion :)

Hi Maksymilian,

Thank you for your response. Although I didn't implement it your way, it got me into the right direction and at the end I opted for some custom JS and CSS.

Best regards,
Martin