Tags
With tags option you can:
- Set specific template for tagged nodes
- Set specific CSS for tagged nodes
- Set a specific node menu
- Set node as assistant or a partner
- Set the node level
- Set a subtree configuration (see Sub Trees)
Set specific template for tagged nodes. See Multiple Templates in one chart for more details.
Set a template for a tag in the chart configuration:
tags: {
Management: {
template: "ula"
}
},
Add the tag in the node data:
{ id: 2, pid: 1, tags: ["Management"] }
Set specific CSS for tagged nodes. See CSS customization for more details.
Create the CSS for a tag (red):
.node.red rect {
fill: #750000;
}
Add the tag in the node data:
{ id: 2, pid: 1, tags: ["red"] }
Create a tag with a specific menu:
tags: {
customMenuItems:{
nodeMenu:{
add: {text: "Details" }
}
}
}
Add the tag in the node data:
{ id: 2, pid: 1, tags: ["customMenuItems"] }
Set a template for an assistant. See Assistant for more details.
Add a template fot the assistant in the configuration:
tags: {
assistant: {
template: "mery"
}
},
Set the node level. See Layout for more details.
Set the sublevel for a tag:
tags:{
"subLevels1": {
subLevels: 1
},
},
Add the tag in the node data:
{ id: 3, pid: 1, tags: ["subLevels1"] }