Move TextBlock outside the group

GoJS
1

I have a simple template for a group with a title and a placeholder. It looks somewhat like

Screenshot 2021-02-15 at 18.56.39

I am trying to move the title outside the group marked with the red line. Is it possible to move TextBlocks outside the panel? if so, how can I achieve that?

The template code is as follows

        this.diagram.groupTemplateMap.add(
			category,
			this.$(
				go.Group,
				'Auto',
				{
					selectionAdorned: false,
					layout: this.$(go.LayeredDigraphLayout, {
						direction: 0,
						columnSpacing: 10,
						layeringOption: go.LayeredDigraphLayout.LayerLongestPathSource,
					}),
					cursor: 'pointer',
					deletable: false,
				},
				this.$(go.Shape, 'RoundedRectangle', { stroke: null, strokeWidth: 2, fill: color }),
				this.$(
					go.Panel,
					'Vertical',
					{
						defaultAlignment: go.Spot.Left,
						padding: new go.Margin(10),
					},
					this.$(go.TextBlock, '...', {
						alignment: go.Spot.TopLeft,
						stroke: OrchDiagramConfig.bucket.title.color,
						font: OrchDiagramConfig.bucket.title.font,
						margin: new go.Margin(0, 10),
						text: name,
					}),
					this.$(go.Placeholder, {
						padding: new go.Margin(10),
					})
				)
			)
		);
2

To clarify, I think you want the TextBlock to be at the top. It’s still inside the Group, but outside of the border surrounding the Placeholder.

For your information the default group template has the label on top and a border around the placeholder: GoJS Groups -- Northwoods Software

Basically you want your group template to be something like:

Group, "Vertical"
    TextBlock  // the title or label
    Panel, "Auto"
        Shape   // the border
        Placeholder
1 Like
3

Yes exactly, that’s the desired behavior, thank you :)