Intersoft ClientUI 8 > ClientUI Fundamentals > Drag-drop Framework Overview > Drag-drop Framework How-to Topics > How-to: Change Tooltip when Hovering Drop Target |
This example shows how to change the tooltip when hovering a drop target.
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. |
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."); } |