Hi guru,
I’m trying to design a permanent textbox outside each node showing a percentage like that:
I took a look at GoJS Panels -- Northwoods Software but without success…
Here the code of the node:
myDiagram.nodeTemplateMap.add("Servizi",
$(go.Node, "Spot",
{
isShadowed: true,
shadowColor: "grey",
shadowOffset: new go.Point(4,4)
},
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
// this rectangular shape surrounds the content of the node
$(go.Panel, "Auto",
$(go.Shape, "RoundedRectangle",
{ fill: "#EEFFFF" }),
// the content consists of a header and a list of items
$(go.Panel, "Vertical",
// this is the header for the whole node
$(go.Panel, "Auto",
{ stretch: go.GraphObject.Horizontal }, // as wide as the whole node
$(go.Shape,
{ fill: "#28a745", stroke: null }),
$(go.TextBlock,
{
alignment: go.Spot.Center,
margin: 3,
stroke: "white",
textAlign: "center",
font: "bold 10pt sans-serif"
},
new go.Binding("text", "key"))),
// this Panel holds a Panel for each item object in the itemArray;
// each item Panel is defined by the itemTemplate to be a TableRow in this Table
$(go.Panel, "Table",
{
name: "TABLE",
padding: 2,
minSize: new go.Size(160, 10),
defaultStretch: go.GraphObject.Horizontal,
itemTemplate: fieldTemplate2
},
new go.Binding("itemArray", "fields")
) // end Table Panel of items
) // end Vertical Panel
)
) // end Node
); // end map
I put a “textbox” code with spot references like in the example, just under the shape “RoundedRectangle”, but the textbox appears inside the node. if I put it just above the Panel (auto) it changes dimensions of the whole shape (argh)…What am I doing wrong?
Thx
F