Is it possible to completely remove resize handles from a diagram node?

[Yongkee Cho]

Hi Team,I’m trying to completely remove the resize handles from a diagram node in the diagram control. I have already disabled the relevant node constraints, but the handles are still displayed in a disabled (grayed‑out) state.

---

What I’ve Tried

In the NodeCreating event, I configured the node constraints as shown below:

C#

node.Constraints = NodeConstraints.Default

& ~NodeConstraints.Resize

& ~NodeConstraints.Rotate;

This correctly disables resizing and rotation behavior, but the resize handles are still visible.

---

Why This Is a Problem

The handle overlay overlaps and expands over other interactive elements, such as:

• Expand / collapse buttons
• Ports

Because of this overlay, it becomes impossible to click the expand button or ports, unless those elements are moved to a different location. Even though resizing is disabled, the handles still consume pointer interaction space and interfere with normal node interactions.

[Yongkee Cho]

Never mind. I found SelectionSettings.

[Yongkee Cho]

Well, SelectionSettings also remove ResizeHandle of connectors. Can I make it hidden only for Nodes?

_selectionSettings = new DiagramSelectionSettings()
{
    Constraints = SelectorConstraints.All & ~SelectorConstraints.ResizeAll & ~SelectorConstraints.Rotate,
    UserHandles = _userHandles
};

[Ramya Subramani]

Hi Yongkee Cho,
 

We can disable Resize and Rotate behaviour only for nodes. This requirement can be achieved using either the SelectionChanging or SelectionChanged events. These events are triggered whenever diagram elements are selected or unselected.
 

Please find the attached UG documentation for more details and reference.

UG link: https://blazor.syncfusion.com/documentation/diagram/nodes/events#how-to-handle-selection-change-eve…

 

Below is a sample code snippet for your reference. Kindly go through it:

 

// Event to notify before the selection state changes (select/unselect) on diagram elements.

private void OnSelectionChanging(SelectionChangingEventArgs args)

{

if (args.NewValue.Count > 0)

{

if (args.NewValue[0] is Node node)

{

diagramComponent.SelectionSettings = new DiagramSelectionSettings()

{

Constraints = SelectorConstraints.All

& ~SelectorConstraints.ResizeAll

& ~SelectorConstraints.Rotate,

};

}

else

{

diagramComponent.SelectionSettings = new DiagramSelectionSettings()

{

Constraints = SelectorConstraints.All

};

}

}

}

 

If you have any further questions or need additional clarification, please feel free to reach out to us.
 

Regards,

Ramya