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 | ![]() |
---|---|
<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# | ![]() |
---|---|
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."); } |