The following example shows how to customize mouse action to display or hide the UXCallOut.
Example
Description
UXCallOut has several properties to control the mouse actions such as MouseEnterAction, MouseLeaveAction and MouseClickAction. You can change these properties to control how or when the call out should be display or hidden.
The following example show how to set the UXCallOut to be displayed when mouse enter and hidden when mouse leave.
Code
XAML | ![]() |
---|---|
<Intersoft:UXCallOut HorizontalAlignment="Center" VerticalAlignment="Center" IsOpen="False" MouseEnterAction="ShowPopup" MouseLeaveAction="HidePopup"> <Intersoft:UXCallOut.Header> <Intersoft:GlassLabel Content="Next Picture"></Intersoft:GlassLabel> </Intersoft:UXCallOut.Header> <Grid Height="150" Width="150"> <Image Source="/Chrysanthemum.jpg" Stretch="Fill"/> </Grid> </Intersoft:UXCallOut> |