Want to make Link Label Selectable

GoJS
1

Hi
how can i make Link label selectable by clicking on link?

LinkTemplate:

 myDiagram.linkTemplatemap1 =
                $(go.Link,
                    {
                        curviness: 20,
                        layerName: "Background",
                        //routing: go.Link.AvoidsNodes,
                        routing: go.Link.Orthogonal,
                        corner: 10,
                        // mouse-overs subtly highlight links:
                        mouseEnter: (e, link) => link.findObject("HIGHLIGHT").stroke = "rgba(92, 8, 51, 0.26)",
                        mouseLeave: (e, link) => link.findObject("HIGHLIGHT").stroke = "transparent",                      
                        selectionAdorned: true,
                        margin: 20
                    },
                    $(go.Shape,
                        {
                            isPanelMain: true, strokeWidth: 8, stroke: "transparent",
                            name: "HIGHLIGHT",
                            margin: 20
                        }
                    ),
                    $(go.Shape,
                        {
                            isPanelMain: true, stroke: "black", strokeWidth: 1.5, margin: 10,
                        }
                    ),
                    $(go.Shape,  // the arrowhead
                        { toArrow: "standard", strokeWidth: 0, margin: 20 }
                    ),
                    $(go.Panel, "Auto",  //Link Lable Start
                        {
                            name: "LABEL",
                            segmentIndex: 2, segmentFraction: 0.5
                        },
                        new go.Binding("visible", "visible").makeTwoWay(),
                        $(go.Shape, "RoundedRectangle",  
                            {
                                fill: "#F8F8F8", strokeWidth: 8, visible: false, alignment: go.Spot.Left,
                            }),
                        $(go.TextBlock,  // the label
                            {                              
                                segmentIndex: 1, segmentFraction: 0.5,
                                height: 14,
                                textAlign: "center",
                                font: "bold 10pt serif",
                                stroke: "#F8F8F8",
                                editable: true,
                                margin: 2,
                                //segmentIndex: 0, segmentFraction: 0.2
                            },
                            new go.Binding("background", "text", CallBrushConverter1),
                            new go.Binding("text").makeTwoWay()
                        )
                    )
                );
2

Please always format your code by surrounding it with lines consisting of triple backquotes. Markdown Code Block: Including Code In .md Files - Markdown Land
I have edited your post to include that markup.

Could you please show a small screenshot showing the current behavior and a sketch of what you want instead?

What do you mean by “selectable”? Normally only Parts can be selected, because only that class (and its subclasses) have the Part.isSelected property. But you can make anything look selected. See for example: Mapping Selectable Fields of Records

3

HI
Diagram :

Link_Label_15_May_23_1
Link_Label_15_May_23_11176×791 56.7 KB

4

Are you saying you want the label background to also be blue and the label to not be behind the selection adornment? It’s probably best to not use a selection adornment in this case since it will be shown over the link. Instead, you can bind the colors of your link/label background.

Example: