Intersoft ClientUI Documentation
How-to: Change Tooltip when Hovering Drop Target

This example shows how to change the tooltip when hovering a drop target.

Example

Description

Although you can change tooltip in any of drag drop events, it is recommended to change the tooltip during the DragEnter event, which is raised when the current drag drop process is entering a recognized drop target.

The following code shows how to change the tooltip at DragEnter event. 

All drag-drop events are built on routed event architecture including the DragEnterEvent. To learn more about routed event, see Routed Events overview.

Code

XAML
Copy Code
<StackPanel HorizontalAlignment="Left" VerticalAlignment="Top">
    <i:Interaction.Behaviors>
        <Intersoft:DragDropBehavior IsDragable="False" TooltipIcon="NotAllowed.png" TooltipText="Not Allowed"/>
    </i:Interaction.Behaviors>
    <Image Source="folder.png" Height="64" Width="64">
        <i:Interaction.Behaviors>
                <Intersoft:DragDropPointBehavior IsDragable="True"/>
        </i:Interaction.Behaviors>
    </Image>
    <TextBlock Text="My Archive" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</StackPanel>
<Image Source="RecycleBin.png" HorizontalAlignment="Center" Height="100" VerticalAlignment="Center" Width="100" AllowDrop=True>
</Image>
C#
Copy Code
public MainPage()
{
    // Required to initialize variables
    InitializeComponent();

    ISEventManager.RegisterInstanceHandler(
        this.LayoutRoot, // any element in the routed path which applicable in your scenario
        DragDrop.DragEnterEvent, // the routed event
        new Intersoft.Client.UI.Controls.Interactivity.DragEventHandler(DropTarget_DragEnter), // the event handler
        true);
}

private void DropTarget_DragEnter(object sender, Intersoft.Client.UI.Controls.Interactivity.DragEventArgs e)
{
    e.SetCustomTooltip(new BitmapImage(new Uri("Remove.png", UriKind.RelativeOrAbsolute)));
    e.SetCustomTooltip("Remove to recycle bin.");
}
See Also

Concepts

Other Resources