Menu for WPF | ComponentOne
Menu Overview / Flat Menu / Adding Icons
In This Topic
    Adding Icons
    In This Topic

    You can add an icon to a menu item which is represented by the C1MenuItem class, using either XAML or code.

    Complete the following steps:

    1. Add an icon image to your WPF project. A 12x12 pixel image is best.
    2. Add the following XAML markup between the <c1:C1MenuItem> and </c1:C1MenuItem> tags, replacing the value of the Source property with your image's name:
    XAML
    Copy Code 
    <c1:C1MenuItem.Icon>
     <Image Source="../Resources/YourImage.png" Height="12" Width="12" Margin="5,0,0,0"/>
</c1:C1MenuItem.Icon>
    1. Run the project.

    Complete the following steps:

    1. Add an icon image to your WPF project. A 12x12 pixel image is best.
    2. Add x:Name="C1MenuItem1" to the item you wish to add an icon to.
    3. Import the following namespace:
    Visual Basic
    Copy Code 
    Imports System.Windows.Controls.Image

     

    Example Title
    Copy Code 
    using System.Windows.Controls.Image;
    1. Enter Code view and add the following code beneath the InitializeComponent() method:
    Visual Basic
    Copy Code 
    'Create an image and assign it a source, margin, and width
Dim ItemIcon As New Image()
ItemIcon.Source = New BitmapImage(New Uri("02.png", UriKind.RelativeOrAbsolute))
ItemIcon.Margin = New Thickness(5, 0, 0, 0)
ItemIcon.Height = 12
ItemIcon.Width = 12
'Set the C1MenuItem's icon property to the new image
C1MenuItem.Icon = ItemIcon

     

    C#
    Copy Code 
    //Create an image and assign it a source, margin, and width
Image ItemIcon = new Image();
ItemIcon.Source = new BitmapImage(new Uri("02.png", UriKind.RelativeOrAbsolute));
ItemIcon.Margin = new Thickness(5,0,0,0);
ItemIcon.Height = 12;
ItemIcon.Width = 12;
//Set the C1MenuItem's icon property to the new image
C1MenuItem1.Icon = ItemIcon;
    1. Run the project.

    The following image depicts a C1MenuItem with a 12x12 pixel icon.