Hi Walter,
Please find the Group Template and Node Template
GroupTemplate:
myDiagram.groupTemplate = $$(go.Group, "Auto", {
selectionObjectName: "SIZED",
resizable: true,
resizeObjectName: "SIZED",
layout: $$(ScrollingGroupLayout),
background: "transparent",
ungroupable: true,
},
// new go.Binding("layout", "horiz", makeLayout), // Uncomment this for TreeLayout in PlaceHolder
new go.Binding("isSubGraphExpanded", "isSubGraphExpanded"),
$$(go.Shape, "RoundedRectangle", {
portId: "",
fromSpot: go.Spot.Right,
toSpot: go.Spot.Left
// ,height:100
}, {
fill: null,
stroke: defaultColor(false),
strokeWidth: 2
},
new go.Binding("stroke", "horiz", defaultColor),
new go.Binding("stroke", "color")), $$(go.Panel, "Vertical", new go.Binding("background", "horiz", backgroundColor),
// new go.Binding("desiredSize", "size"),
$$(go.Panel, "Horizontal", {
stretch: go.GraphObject.Horizontal,
name: "SIZED",
background: defaultColor(false)
},
new go.Binding("background", "horiz", defaultColor),
new go.Binding("height", "horiz", defaultHeight),
new go.Binding("background", "color"),
$$("SubGraphExpanderButton", {
alignment: go.Spot.Right,
margin: 5
}),
// new go.Binding("desiredSize", "size"),
$$(go.TextBlock, {
alignment: go.Spot.Left,
editable: true,
margin: 5,
font: defaultFont(false),
opacity: 0.75,
},
new go.Binding("stroke", "horiz", fontColor),
new go.Binding("font", "horiz", defaultFont),
new go.Binding("text", "text").makeTwoWay())
),
$$(go.Placeholder, {
padding: 0,
margin: new go.Margin(0, 0, 0, 8),
alignment: go.Spot.TopLeft
}),
$$("AutoRepeatButton", {
name: "UP",
alignment: go.Spot.TopRight
},
$$(go.Shape, "TriangleUp", {
width: 6,
height: 6
}), {
click: function(e, button) {
var group = button.part;
var lay = group.layout;
if (lay.lastIndex < lay.count - 1) {
lay.topIndex++;
}
}
}),
$$("AutoRepeatButton", {
name: "DOWN",
alignment: go.Spot.BottomRight
},
$$(go.Shape, "TriangleDown", {
width: 6,
height: 6
}), {
click: function(e, button) {
var group = button.part;
var lay = group.layout;
if (lay.topIndex > 0) {
lay.topIndex--;
}
}
})
),
);
Node Teamplate: -
myDiagram.nodeTemplate =
$$(go.Node, "Auto",
{
mouseDrop: function (e, node) {
finishDrop(e, node.containingGroup);
}
},
$$(go.Shape, "RoundedRectangle",
{fill: "#d3e5f3", stroke: null,
portId: "",
fromSpot: go.Spot.Right,
toSpot: go.Spot.Left},
new go.Binding("fill", "color")),
$$(go.TextBlock,
{
margin: 5,
editable: true,
font: "bold 10px sans-serif",
opacity: 0.75,
stroke: "black"
},
new go.Binding("text", "text").makeTwoWay())
);
I am trying to add scrollingGrop with subgraphExpanderButton but, i am missing some features. can you please look at the template and can i have a solution for this?
below or the feature refernce links which i want to combine in single group template: