We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Prevent drag and drop and resize of the node without usage of diagram constrants

-For some reason, my overview panel and diagram is bugging when I use ~NodeConstraints.Drag and ~NodeConstraints.Resize constraints. Is there some other way to prevent dragging and resizing of the nodes in diagram?

3 Replies

SG Shyam G Syncfusion Team January 22, 2020 10:20 AM UTC

Hi Dominique, 
We have created a sample in which we have removed Drag and resize functionality for the nodes using NodeConstraints. Could you please check in the below sample?. Still if you face any issues, please share us more details such as modify the below sample. 
Code example: 
let nodes = [ 
    id: "NewIdea", 
    height: 60, 
    offsetX: 300, 
    offsetY: 80, 
    shape: { type: "Flow", shape: "Terminator" }, 
    //remove drag and resize for nodes 
    constraints: NodeConstraints.Default &~(NodeConstraints.Drag | NodeConstraints.Resize), 
Shyam G 

SA sample October 13, 2022 06:52 AM UTC

Is there any possibilities to restrict the drag and resize option in stamp annotation (rejected) 

BM Balasubramanian Manikandan Syncfusion Team replied to sample October 14, 2022 10:28 AM UTC

Hi Dominique, 

You can set NodeConstraints.Select and NodeConstraints.PointerEvents which allows only selection in node and could not perform any interaction in the node. Please find the code example, documentation link and sample below.

Code Snippet:

    constraints: NodeConstraints.Select | NodeConstraints.PointerEvents,

Documentation :


Sample :



Balasubramanian M

Live Chat Icon For mobile
Up arrow icon