Add proper positioning and alignment to NodeGroup annotations for visible group names

Copilot · dwarwick · Copilot · commit dd254e4a6dd8 · 2025-11-09T21:56:19.000Z
Co-authored-by: dwarwick &lt;15970276+dwarwick@users.noreply.github.com&gt;
diff --git a/JwtIdentity.Client/Pages/Survey/BranchingSurveyEdit.razor.cs b/JwtIdentity.Client/Pages/Survey/BranchingSurveyEdit.razor.cs
@@ -602,7 +602,11 @@ private void BuildSyncfusionDiagram()
                         new ShapeAnnotation()
                         {
                             Content = groupName,
-                            Style = new TextStyle() { Color = "white", Bold = true, FontSize = 14 }
+                            Style = new TextStyle() { Color = "white", Bold = true, FontSize = 14 },
+                            Offset = new DiagramPoint() { X = 0.5, Y = 0 },
+                            Margin = new DiagramThickness() { Top = 5, Left = 0, Right = 0, Bottom = 0 },
+                            VerticalAlignment = VerticalAlignment.Top,
+                            HorizontalAlignment = Syncfusion.Blazor.Diagram.HorizontalAlignment.Center
                         }
                     },
                     Style = new ShapeStyle()

Original file line number	Diff line number	Diff line change
`@@ -602,7 +602,11 @@ private void BuildSyncfusionDiagram()`
`602`	`602`	`new ShapeAnnotation()`
`603`	`603`	`{`
`604`	`604`	`Content = groupName,`
`605`		`- Style = new TextStyle() { Color = "white", Bold = true, FontSize = 14 }`
	`605`	`+ Style = new TextStyle() { Color = "white", Bold = true, FontSize = 14 },`
	`606`	`+ Offset = new DiagramPoint() { X = 0.5, Y = 0 },`
	`607`	`+ Margin = new DiagramThickness() { Top = 5, Left = 0, Right = 0, Bottom = 0 },`
	`608`	`+ VerticalAlignment = VerticalAlignment.Top,`
	`609`	`+ HorizontalAlignment = Syncfusion.Blazor.Diagram.HorizontalAlignment.Center`
`606`	`610`	`}`
`607`	`611`	`},`
`608`	`612`	`Style = new ShapeStyle()`