How to get the Image Click Event

[Nikhil]

Hi,

I have modify the TreeviewItem template, where I have one image ( i icon - More Info) along with text

I want to have the Clicked or Mouse Hover event of that Image(that should be separate from the Item selected/clicked event), I want to show popup on that.
if you can help me with the code snippet it will great help.

Regards,
Nikhil

[Miroslav]

Hi Nikhil,

The first thing that comes to my mind is to assign a Tooltip to the image. This way when the user hovers over the image, the tooltip will appear.

You can put whatever you want in the Tooltip, even bind it to a property in your ViewModel and assign a custom template for it.

Here are different ways in which you can bind a tooltip:

<!--Simple Tooltip-->
<Image Source="My/Image/Source" ToolTipService.ToolTip="Simple Tooltip" />

<!--Simple Bound Tooltip-->
<Image Source="My/Image/Source" ToolTipService.ToolTip="{Binding MyTooltipProperty}" />

<!--Custom Tooltip-->
<Image Source="My/Image/Source">
    <ToolTipService.ToolTip>
        <ToolTip>
            <Border>
                <TextBlock Text="Custom Tooltip" />
            </Border>
        </ToolTip>
    </ToolTipService.ToolTip>
</Image>

<!--Custom Bound Tooltip-->
<Image Source="My/Image/Source">
    <ToolTipService.ToolTip>
        <ToolTip Content="{Binding MyTooltipProperty}">
            <ToolTip.ContentTemplate>
                <DataTemplate>
                    <Border>
                        <TextBlock Text="{Binding MyTooltipText}" />
                    </Border>
                </DataTemplate>
            </ToolTip.ContentTemplate>
        </ToolTip>
    </ToolTipService.ToolTip>
</Image>

Alternatively, you can put something like a ContextMenu that will behave more like a DropDown menu.

Do you think the Tooltip will work for you?
 
Best wishes,
Miroslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.