Make link in label clickable

[cryzed]

It would be nice if there was some way to keep a node's label displayed in such a way that linked elements within it could be clicked.

[boludo00]

By label do you mean the text under the node or the text rendered from on hover?

[cryzed]

Ideally both, however if the text under the node was interpreted as HTML (and elements clickable) that would suffice. The current issue with the hover display is that I can't click on elements within it, because it disappears.

[boludo00]

Yeah I see what you mean. The VisJS library supports HTML and CSS in the title attribute of nodes (which is the hover metadata) but the label is plain text. Ill have to investigate with the developers and see if there is a way to keep the hover data static so it does not disappear when the mouse is moved.

[boludo00]

I have played with the HTML and JS template to recreate the following:

It looks clunky, but it works. I am going to work on integrating this soon.

[paritoshk]

How can I use this functionality? I want users to click on the node (or hypertext Label) and get redirected to another tab within my streamlit app. Thanks!

[jasotamame]

Hi! I would also be interested in knowing how to use this functionality. Thanks!!!

[jasotamame]

Hey paritoshk, I managed to do it following this

#12

"How it works: currently there is a check done before rendering the HTML page that checks if there is an href anywhere in the title attribute of any node. The template is then modified if this is the case.
g.add_node("I am a node with a link", title=<a href='http://www.google.com\'>google"
This will not work within a jupyter notebook session by the way..."