How to display images, image URI and shapes for menu items icon in WPF Diagram?

In the WPF Diagram (SfDiagram), you can use different formats for specifying the icon of a DiagramMenuItem, such as string format, URI format, and image format.

C# Code:

String Format:

You can use a string format to specify the icon of a DiagramMenuItem. The string should represent a valid path to an image file. Here’s an example:

DiagramMenuItem duplicatemenu = new DiagramMenuItem()
{
   Content = "Duplicate",
   Command = (SampleDiagram.Info as IGraphInfo).Commands.Duplicate,
   Icon = @"pack://application:,,,/Asset/Duplicate.png"
};
SampleDiagram.Menu.MenuItems.Add(duplicatemenu);

Image URI Format:

You can use a URI format to specify the icon of a DiagramMenuItem. The URI can be either an absolute or relative path to the image file. Here’s an example:

 DiagramMenuItem editmenu = new DiagramMenuItem()
 {
    Content = "Edit Annotation",
    Command = (SampleDiagram.Info as IGraphInfo).Commands.EditAnnotation,
    Icon = new Uri("pack://application:,,,/Asset/Edit Annotation.png", UriKind.RelativeOrAbsolute),
 };
 SampleDiagram.Menu.MenuItems.Add(editmenu);

Image Format:

You can directly use an image object as the icon for a DiagramMenuItem. Here’s an example:

 DiagramMenuItem rotatemenu = new DiagramMenuItem()
 {
   Content = "Rotate",
   Command = (SampleDiagram.Info as IGraphInfo).Commands.Rotate,
   Icon = new Image()
   {
       Source = new BitmapImage(new Uri(@"pack://application:,,,/Asset/Rotate.png"))
   }
 };
 SampleDiagram.Menu.MenuItems.Add(rotatemenu);

View sample in GitHub

Conclusion

I hope you enjoyed learning about how to display Images, Image Uri and Shapes for Menu Items Icon 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!