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.