Not sure why my Hyperlink texts are not aligning in the center of the cells
var nodeShortcutTemplate =
$(go.Node, “Auto”,
{location: go.Point.parse(“3345 2500”), isLayoutPositioned: false},
$(go.Shape, {fill: “white”, stroke: “black”, strokeWidth: 3,alignment: go.Spot.Center }),
$(go.Panel, “Table”,
// Set defaults for all rows and columns:
{ defaultRowSeparatorStroke: “black”,
defaultColumnSeparatorStroke: “black”,
alignment: go.Spot.Center
},
$(go.RowColumnDefinition,
{ column: 1, separatorStrokeWidth: 2, separatorStroke: "black" }),
$(go.Panel, "Auto",
{ row: 0, column: 0, alignment: go.Spot.Center, width:450},
$("HyperlinkText",
function(node) { return node.data.anchor_url_link;},
$(go.TextBlock, "Anchor Graphics & Captions", { font: "30px sans-serif", margin: 10})
),
),
$(go.Panel, "Auto",
{ row: 0, column: 1, alignment: go.Spot.Center, width:450},
$("HyperlinkText",
function(node) { return node.data.value_state_url_link;},
$(go.TextBlock, "Value Statements", { font: "30px sans-serif", margin: 10})
),
),
$(go.Panel, "Auto",
{ row: 1, column: 0, alignment: go.Spot.Center, width:450 },
$("HyperlinkText",
function(node) { return node.data.spec_url_link;},
$(go.TextBlock, "Specification Sheets", { font: "30px sans-serif", margin: 10 }),
),
),
$(go.Panel, "Auto",
{ row: 1, column: 1, alignment: go.Spot.Center, width:450 },
$("HyperlinkText",
function(node) { return node.data.prop_status_url_link;},
$(go.TextBlock, "Proposal Status", { font: "30px sans-serif", margin: 10 })
),
)
));