Not able to clear tooltips when hovering over icons on telerik map

[sri]

I have icons displayed on the telerik map. These icons are added to an information layer at run-time and the colour of the icon is decided by choosing a datatemplate at runtime.
The code for the datatemplate and information layer are given below.

The issue that I am facing is when i hover on the icons, the tooltip of the previous icon is displayed along with the tooltip of the current icon. The result is that tooltips appear to overlap when the user hovers from one icon to another very fast. Tooltip has a display time of 20 secs which seems to be causing this. But, this functionality of displaying the tooltip for a specified duration cannot be removed.
Is there any way to clear the previous tooltip in code-behind?

 

 

 

 

<telerik:InformationLayer x:Name="informationLayerGPSEastSelected" ItemTemplate="{StaticResource GPSEastSelected}" MouseLeftButtonDown="informationLayer_MouseLeftButtonDown"/>

<

 

 

DataTemplate x:Key="GPSEastSelected">

 

 

 

 

<Border Background="Transparent" telerik:MapLayer.Location="{Binding Location}">

 

 

 

 

<Controls:ToolTipService.ToolTip>

 

 

 

 

<Controls:ToolTip DisplayTime="00:00:20" InitialDelay="00:00:00" IsEnabled="True" Style="{StaticResource ToolTipStyle2}" >

 

 

 

 

<ToolTip x:Name="telerikTooltip3" Loaded="telerikTooltip_Loaded" Style="{StaticResource ToolTipStyle1}" Opacity="0.8" BorderBrush="Transparent" BorderThickness="0" >

 

 

 

 

<ToolTip.Template>

 

 

 

 

<ControlTemplate>

 

 

 

 

<Border CornerRadius="15">

 

 

 

 

<Border.Background>

 

 

 

 

<SolidColorBrush Color="White"/>

 

 

 

 

</Border.Background>

 

 

 

 

<ContentPresenter Margin="5">

 

 

 

 

<ContentPresenter.Content>

 

 

 

 

<Grid x:Name="LayoutRoot">

 

 

 

 

<Grid.ColumnDefinitions>

 

 

 

 

<ColumnDefinition Width="180" />

 

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

 

</Grid.ColumnDefinitions>

 

 

 

 

<Grid.RowDefinitions>

 

 

 

 

<RowDefinition Height="Auto"/>

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

</Grid.RowDefinitions>

 

 

 

 

<StackPanel Grid.ColumnSpan="2" Orientation="Horizontal" Grid.Column="0" Grid.Row="0">

 

 

 

 

<Image Height="40" Width="45" Source="{Binding BLOB_ICON, Converter={StaticResource ImageConverter}}" Stretch="Fill" Cursor="Hand" x:Name="toolImage"/>

 

 

 

 

<TextBlock>

 

 

 

 

<Run Text=" "/>

 

 

 

 

<Run FontSize="24" FontWeight="Bold" Text="{Binding Path=C_TRACER_NAME}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Row="1" Grid.Column="0" >

 

 

 

 

<TextBlock FontWeight="Bold" Text="{Binding Path=TTTracerId, Source={StaticResource Strings}}" />

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="1">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock HorizontalAlignment="Left">

 

 

 

 

<Run Text="{Binding Path=TracerId}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="2">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTTracerName, Source={StaticResource Strings}}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="2">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=C_TRACER_NAME}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="3">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTTracerCode, Source={StaticResource Strings}}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="3">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=C_TRACER_CODE}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="4">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTTracerTime, Source={StaticResource Strings}}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="4">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=str_DT_TRACER_TIME}"/>

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="5">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTLastMovement, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="5">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=str_DT_LAST_MOVEMENT}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="6">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTPosition, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="6">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock TextWrapping="Wrap" >

 

 

 

 

<Run Text="{Binding Path=city}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="7">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTDirection, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="7">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=Direction,Converter={StaticResource LocaleConverter }}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="8">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=TTTracerStatus, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="8">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=str_ShutDownStatus}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="9">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=Accuracy, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="9">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=Accuracy}" />

 

 

 

 

<Run Text="m" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="0" Grid.Row="10">

 

 

 

 

<TextBlock>

 

 

 

 

<Run FontWeight="Bold" Text="{Binding Path=str_Total_Mileage, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

<StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="10">

 

 

 

 

<TextBlock FontWeight="Bold" HorizontalAlignment="Right" Text=":" Padding="0,0,5,0" />

 

 

 

 

<TextBlock >

 

 

 

 

<Run Text="{Binding Path=TotalMileage_Tooltip}" />

 

 

 

 

<Run Text="{Binding Path=MileageKM, Source={StaticResource Strings}}" />

 

 

 

 

</TextBlock>

 

 

 

 

</StackPanel>

 

 

 

 

</Grid>

 

 

 

 

</ContentPresenter.Content>

 

 

 

 

</ContentPresenter>

 

 

 

 

</Border>

 

 

 

 

</ControlTemplate>

 

 

 

 

</ToolTip.Template>

 

 

 

 

</ToolTip>

 

 

 

 

</Controls:ToolTip>

 

 

 

 

</Controls:ToolTipService.ToolTip>

 

 

 

 

<telerik:MapLayer.HotSpot>

 

 

 

 

<telerik:HotSpot X="0.5" Y="0.5" ElementName="Pin" />

 

 

 

 

</telerik:MapLayer.HotSpot>

 

 

 

 

<Canvas x:Name="Pin" Width="30" Height="30">

 

 

 

 

<Ellipse Canvas.Top="2" Canvas.Left="2" Height="26" Width="26" StrokeThickness="4" Stroke="Red" Canvas.ZIndex="1" >

 

 

 

 

<Ellipse.Fill>

 

 

 

 

<RadialGradientBrush>

 

 

 

 

<GradientStop Color="#08acf4" Offset="0.0" />

 

 

 

 

<GradientStop Color="#008fc7" Offset="1.0" />

 

 

 

 

</RadialGradientBrush>

 

 

 

 

</Ellipse.Fill>

 

 

 

 

</Ellipse>

 

 

 

 

<ed:BlockArrow Fill="#FFFFFF" Margin="9,9,7,9" Orientation="Right" Stroke="Black" StrokeThickness="0" UseLayoutRounding="False" HorizontalAlignment="Right" Width="15" Height="12" Canvas.ZIndex="2" />

 

 

 

 

</Canvas>

 

 

 

 

</Border>

 

 

 

 

</DataTemplate>

 

[Andrey]

Hello,

It is very complicated and it is hard to reproduce the problem without your solution, but using just the code snippet you sent. Could you, please, provide us with a small sample runnable solution which reproduces it?

Regards,
Andrey Murzov
the Telerik team