# How to add tooltip on svg circle

**URL:** <https://discourse.nodered.org/t/how-to-add-tooltip-on-svg-circle/67389>\
**Category:** Dashboard\
**Created:** [6 September 2022 11:38 UTC](https://discourse.nodered.org/t/how-to-add-tooltip-on-svg-circle/67389 "2022-09-06T11:38:39Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [8 September 2022 04:51 UTC](https://discourse.nodered.org/t/how-to-add-tooltip-on-svg-circle/67389/7 "2022-09-08T04:51:42Z")

</div>

As you can read at the end of my post:

> [@BartButenaers](#):
>
> The output message contains your circle id, so you could now e.g. show a popup window via a ui template node or whatever. But I don't have any experience with that.

Did a quick search on this forum, and after one minute I found this:

> [@Looking for a text input dialog popup window similar to notification widget](https://discourse.nodered.org/t/looking-for-a-text-input-dialog-popup-window-similar-to-notification-widget/23838/2):
>
> Hi, this might not be exactly what you want but it might be a good starting point... Demo [popup\_dialog] Flow... [{"id":"18d52ef4.d18761","type":"ui\_button","z":"19edfd5e.e96e03","name":"","group":"6d01ec93.b1d374","order":0,"width":0,"height":0,"passthru":false,"label":"First name","tooltip":"","color":"","bgcolor":"","icon":"","payload":"{\"topic\":\"first\_name\", \"title\":\"What is your first name?\", \"label\" : \"First Name\" }","payloadType":"json","topic":"show","x":150,"y":180,"wires"…

---

_[View the full topic](https://discourse.nodered.org/t/how-to-add-tooltip-on-svg-circle/67389)._