I have help buttons across my window.My need is to shop a custom popup control on the mouse over of each help buttons .My custom popup consists of two controls a tooltip and a linkbutton.
ToolTip : contains the tips of that button and
LinkButton : redirects it into the help file
Here is my button and popup code
<telerik:RadButton Grid.Column="2" HorizontalAlignment="Left" Margin="3,65,0,0" Grid.Row="2" VerticalAlignment="Top"
Width="23" Height="23" BorderThickness="6" BorderBrush="#4E4E4E" Click="RadButton_Click_1" >
<Image Source="Images/help.png" />
<telerik:RadButton.Triggers>
<EventTrigger RoutedEvent="MouseEnter">
<BeginStoryboard>
<Storyboard TargetName="TooltipPopup" TargetProperty="IsOpen">
<BooleanAnimationUsingKeyFrames FillBehavior="HoldEnd">
<DiscreteBooleanKeyFrame KeyTime="00:00:00" Value="True" />
</BooleanAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</telerik:RadButton.Triggers>
</telerik:RadButton>
and here is the code for popup
<Popup PopupAnimation="Fade" Placement="Mouse" AllowsTransparency="True" StaysOpen="False" x:Name="TooltipPopup" >
<Border CornerRadius="0" BorderThickness="1">
<StackPanel Margin="1" Orientation="Horizontal" >
<local:UCToolTip></local:UCToolTip>
</StackPanel>
</Border>
</Popup>
When i mouse-over a button the popup shows successfully ,But its not disappearing even after the mouse points another control.
Its disappearing only which i click somewhere in the window.
If user mouseover on button1 the popup need to appear and if user mouseover to button 2 then previous popup needs to be closed and the next button popup need to be shown.The popup must needs to be closed when user points to another button or user click linkbutton inside the popup