how to disable default link hover render/highlight behavior?

212 views
Skip to first unread message

Michael Chann

unread,
Jan 18, 2018, 4:18:21 PM1/18/18
to JointJS
i've tried implementing my own mouseover handler on the paper, as well as extending the link object and implementing mouseover events there.

wherever the highlighting is happening it seems outside of those two places.

Michael Chann

unread,
Jan 22, 2018, 8:31:57 PM1/22/18
to JointJS
I found this:

http://jsfiddle.net/kumilingus/tfLg9yx7/

but that means i don't get any of the built in link behaviors for free which is a pretty huge bummer. any other advice??

Michael Chann

unread,
Jan 29, 2018, 1:59:53 PM1/29/18
to JointJS
I had to do this by adding css. seems i can't do the equivalent of this using passed in options when creating the link:
joint-link.joint-theme-default .connection-wrap {
    stroke: #000000;
    stroke-width: 0;
    opacity: 0;
    cursor: move;
}
.joint-link.joint-theme-default .connection-wrap:hover {
    opacity: 0;
    stroke-opacity: 0;
}
.joint-link.joint-theme-default .marker-arrowhead {
    fill: #000000;
    opacity: 0;
}
.joint-link.joint-theme-default .marker-arrowhead:hover {
    fill: #FFFFFF;
    stroke: none;
    opacity: 0;
Reply all
Reply to author
Forward
0 new messages