Using title in node and edge about pyvis HOT 6 CLOSED

Is there any movement on this?

Also #55 is a duplicate

from pyvis.

Sorry for my english....

I reviewed for source files and here is what i can guess.
If you are use in at least one node's title any content with "href" text pyvis do following:

• hide original vis.js tooltip for this node because original popup tooltip is moving with mouse cursor and you're can't click on link in your title!
• but pyvis hide original tooltip not only for this one, it hide ALL original tooltips for ALL elements of network (even it not contain "href" tag)
• because original tooltip hided, pyvis insert custom popup algorithm in html page. New custom tooltip position is fixed and you are able to click on href tag. But unfortunately it correctly works ONLY for NODES, not for edges (some javascript errors occurs on edges popup title handling, you can see them in browser console)

It would be great if the pyvis handle only "href"-contained titles without changing original vis.js tooltips for elements, that not contain "href" tags.

from pyvis.

Is the issue that the hover tooltip for the edge is not showing up at all? Or is it just a matter of not being able to click your hyperlink for the edge title since it moves along with your mouse?

from pyvis.

Thanks for getting back. The issue was that when hover the tooltip over the edge, the title is not shown if I use href in the node title. I checked the html code and found that when putting href structure in the node title, the following was added at the beginning of the html file 👍

    /* position absolute is important and the container has to be relative or absolute as well. */
        div.popup {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
        background-color:#f5f4ed;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #808074;
        box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
        }

        /* hide the original tooltip */
        .vis-network-tooltip {
          display:none;
        }

I suspected that last setting where vis-network-tooltip {display:none} may be the reason. The above was not added in the html when I use iframe popup as part of title in the node

At the end i search a bit of vis js and specify 'label' in add_edge call. Now the text is shown at the edge even when I use href in the node title but the font is not what I want. So i brute force amend the edge option in html file by inserting the "strokeWidth" and "color" setting from my program to generate the final html file....

So all in all, the text is shown on the edge now when href is used in the node. I just leave the tooltip display:none generated untouched.

from pyvis.

Hi, it had been a while since I visited this issue last. I have since upgraded visjs to version 9.0.4 and noticed their tooltip class name changed from vis-network-tooltip to vis-tooltip. Reflecting that change in the template.html seems to hide that tooltip and display the original one supporting the href.

This will be included in the next release.

from pyvis.

@boludo00, in the last comments image I can see that a search bar kind of thing is present on top of the graph.

I want to add this "select node" to my pyvis graphs also, can you suggest how this is done.

from pyvis.