Repository navigation
Change selected node styles #385
Description
I have groups of nodes, and i am using shape: icon
i was trying to update the selected node, size, color, shadow and few more things.
i found this example which is really helpful
https://github.com/almende/vis/blob/master/examples/network/other/chosen.html
but in the example, when i am trying to change the node size it doesn't work as long as i am using the shape: icon
color: "#97C2FC"
borderWidth: 20
borderColor: "#2B7CE9"
size: 100
borderDashes: false
borderRadius: 6
shadow: true
shadowColor: "rgba(0,0,0,0.5)"
shadowSize: 50
shadowX: 0
shadowY: 0
the values.size is updated but it doesn't really reflect on the network itself.
I wonder if there is any other way to be able to update a node.
I tried nodes.updateOnly(id, props)
it works well, but this cause the network to be updated whenever i select a node.
and this makes my network to be destroyed and recreated and i don't expect this behaviour
Activity
Thomaash commentedon Jan 27, 2020
Hi @nassif7,
looking through the code the icon shape ignores the size and uses it's own
icon.size. I don't know why this is and it indeed seems really weird. According to blame it has been this way for the past five years so changing this would likely break a lot of projects.What if
sizewas used unlessicon.sizeis set and ificon.sizeis set it would overridesize. Would it be an acceptable solution?nassif7 commentedon Feb 3, 2020
Hi @Thomaash
yes, that would work fine, i think for my understanding, the node
sizeshould always have the priority here.but the solution you proposed looks very acceptable as well.
in this case i would remove the
icon.sizeand use thesizeproperty.that would work perfectly for me
thanks