Circle Shape does not move to extreme right when paceholder in a group is expanded

@sramanuj007 wrote:

Hi Guys,
I have a horizontal panel in a group which contains a circle shape with alignment = go.Spot.Right, but when I drag a node within the group, the paceholder width & height increases but the shape doesn’t align to right. Here is my code:
> goJsDiagram.groupTemplate =

				$$(go.Group, "Auto",
				   {  layout: $$(go.LayeredDigraphLayout,
				   { direction: 0, columnSpacing: 10 })},
				      $$(go.Shape, "Rectangle", // surrounds everything
				    	 { fill: "#808080", stroke: "#808080", strokeWidth:2 }),
				      $$(go.Panel, "Vertical",  // position header above the subgraph
				         { defaultAlignment: go.Spot.Left },
				            $$(go.Panel, "Horizontal",  // the header
				               { height: 50, defaultAlignment: go.Spot.Top },
				                  $$("SubGraphExpanderButton",{ margin: new go.Margin(5, 5, 0, 5) }),  // this Panel acts as a Button
				                  $$(go.Panel, "Vertical",
				                     $$(go.TextBlock,     // group title near top, next to button
				                        { margin: new go.Margin(5,5,0,0), stroke:"rgba(249,249,249)", font: "Bold 9pt Sans-Serif", alignment: go.Spot.Left},
				                         new go.Binding("text", "name")),
				                     $$(go.TextBlock,     // group title near top, next to button
				                        { margin: new go.Margin(0,5,0,0), stroke:"rgba(249,249,249)", font: "Bold 6pt Sans-Serif", alignment: go.Spot.Left },
				                         new go.Binding("text", "summaryLine1")),
				                     $$(go.TextBlock,     // group title near top, next to button
							            { margin: new go.Margin(0,5,0,0), stroke:"rgba(249,249,249)", font: "Bold 6pt Sans-Serif", alignment: go.Spot.Left },
							             new go.Binding("text", "EmptyLine")),
				                     $$(go.TextBlock,     // group title near top, next to button
									    { margin: new go.Margin(0,5,0,0), stroke:"rgba(249,249,249)", font: "Bold 6pt Sans-Serif", alignment: go.Spot.Left },
									     new go.Binding("text", "summaryLine2"))
				                  ),
				                  $$(go.Panel, "Auto",
				                	{ alignment: go.Spot.Right },
				                	$$(go.Shape, "Circle",
				                       { width: 35, height: 35, strokeWidth: 3, fill : "#808080", margin: 2, name:"FABRICCIRCLE" },
				                        new go.Binding("stroke","", function(data){
				                       	   return "#22ca6d";
				                       	})
				                    ),
				                	$$(go.Picture,
								        { width: 25, height: 25 },
									     new go.Binding("source", "iconUrl"))		
				                  )
				            ),
				            $$(go.Placeholder,
				            // represents area for all member parts
				               { padding: new go.Margin(40, 40), background: "rgba(249,249,249)" })
				      )
				);

Image1.png1152×648 32.7 KB

Posts: 1

Participants: 1

Read full topic