display segment thumbs in orthogonal segment connectors

[Cheng Jiang]

Hi, 

     I am using connectors in a diagram and I found that the segment thumbs are not displayed in a orthogonal segment connector whether it is selected or not. I even have enabled the DragSegmentThumb constraints. 

    How can the thumbs of segment be displayed like the pic in the attachment?

     Thanks 

          Cheng

Attachment: thumbs_9b205654.rar

[Ramya Thirugnanam]

Hi Cheng,  

  

Thanks for contacting Syncfusion support.  

  

Please inject ConnectorEditing in diagram and set DragSegmentThumb constraints in connector constraints to edit the segments of the connector. Please find below code example for how to set connector constraints.    

  

const connectors: ConnectorModel[] = [  

{  

id: 'connector1', sourceID: 'node', targetID: 'node2', targetDecorator: { height: 5, width: 5 }, type: 'Orthogonal', constraints: ConnectorConstraints.Default | ConnectorConstraints.DragSegmentThumb  

},  

];  

  

  

  

  

  

For more details about module injection and segment editing, please refer to the below help documentation.   

  

Link: https://ej2.syncfusion.com/react/documentation/diagram/interaction/#connection-editing  

  

  

Regards,   

Ramya T