Unable to remove the greyed out(disabled) selection preview on select of nodes after the functionality is locked

[Sudhanshu Jain]

Hi,

We have locked the resize functionality but on select of the nodes the circular sections as in screenshot below are displayed. Can we remove this and display plain border on select of nodes?

Regards,

Sudhanshu

[Shyam G]

Hi Sudhanshu, 

To remove the resizer(grey colored circle) and rotator in the nodes, we should remove the SelectorConstraints ResizeAll and Rotate from the Default. Please refer to a code example and the sample below. 

 

Code example: 

<DiagramComponent id="diagram" width={"100%"} height={"700px"} nodes={nodes} connectors={connectors} 

              //remove resizer and rotate 

              selectedItems={{ 

                constraints: SelectorConstraints.All &~(SelectorConstraints.ResizeAll | SelectorConstraints.Rotate), 

              }} 

               /> 

 

 

Sample: https://stackblitz.com/edit/react-rewfmn-5wnnct?file=index.js 

Regards, 

Shyam G