How to customize the contextmenu in WPF Diagram (SfDiagram)?
WPF Diagram (SfDiagram) provides clipboard options (cut,copy,paste and selectall) as in-built context menu items and allows you to define the custom menu items. The DiagramMenu and DiagramMenuItem are view models for ContextMenu and MenuItem respectively. The action for the DiagramMenuItem can be assigned with Command and CommandParameter property.
//Initialize the new custom menu with delete functionalities
DiagramMenuItem menu = new DiagramMenuItem()
{
// Defines the content of menu item
Content = "Delete",
// Defines the icon that appears in menu item - it accepts the image path.
Icon = @"pack://application:,,,/Icons/delete.png",
// Defines the action of menu item
Command = (diagram.Info as IGraphInfo).Commands.Delete
};
Diagram.Menu.MenuItems.Add(menu);
//Here Diagram is the instance of SfDiagram.
Add submenu items
The Items property of the DiagramMenuItem will assist to add submenu for it.
//Initialize the new custom Menu with zoom functionalities
DiagramMenuItem Zoom = new DiagramMenuItem()
{
Content = "Zoom",
Icon = @"pack://application:,,,/Icons/zoom.jpg",
};
//Intialize the sub-menu item for Zooming menu with ZoomIn command
DiagramMenuItem zoomIn = new DiagramMenuItem()
{
// Defines the content of menu item
Content = "ZoomIn",
// Defines the icon that appears in menu item - it accepts the image path.
Icon = @"pack://application:,,,/Icons/zoomin.png",
// Defines the action of menu item
Command = diagramInfo.Commands.Zoom,
// Defines the parameter of the menu item
CommandParameter = new ZoomPositionParameter() { ZoomFactor = 0.5, ZoomCommand = ZoomCommand.ZoomIn }
};
//Intialize the sub-menu item for Zooming enu with ZoomOut command
DiagramMenuItem zoomOut = new DiagramMenuItem()
{
Content = "ZoomOut",
Icon = @"pack://application:,,,/Icons/zoomout.png",
Command = diagramInfo.Commands.Zoom,
CommandParameter = new ZoomPositionParameter() { ZoomFactor = 0.5, ZoomCommand = ZoomCommand.ZoomOut }
};
Zoom.Items = new ObservableCollection<DiagramMenuItem>();
//Adding zooming menus into diagram menu as to add sub-menu items.
Zoom.Items.Add(zoomIn);
Zoom.Items.Add(zoomOut);
//Adding zooming menu into diagram default menu.
Diagram.Menu.MenuItems.Add(Zoom);
Conclusion
I hope you enjoyed learning about how to customize the contextmenu in WPF Diagram (SfDiagram).
You can refer to our WPF Diagram feature tour page to know about its other groundbreaking feature representations. You can also explore our documentation to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
