Intersoft ClientUI Documentation
How-to: Use UXPopup to Display Information from Element
Intersoft ClientUI 8 > ClientUI Fundamentals > Popup Overview > Popup How-to Topics > How-to: Use UXPopup to Display Information from Element

This example shows you how to use UXPopup to display information from a UIElement.

Example

Description

You can assign UXPopup to an UIElement along with the predefined set of rules on what mouse action will open or close the UXPopup. When assigning the UIElement you can also add additional information using UXPopup.TargetContent, this attached property sets the specified content to the UXPopup when it is opened.

The following code shows how to use UXPopup to display information from element.

Code

XAML
Copy Code 
<Grid x:Name="LayoutRoot">
    <Intersoft:UXPopup x:Name="MyPopup" HorizontalAlignment="Left" VerticalAlignment="Top" PreferredPosition="Bottom" DisableOverlay="True">
    </Intersoft:UXPopup>
    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal">
        <Image Height="100" Source="/Chrysanthemum.jpg" Stretch="Fill" Width="100" Margin="8"
                Intersoft:UXPopup.TargetPopup="{Binding ElementName=MyPopup}"
                Intersoft:UXPopup.TargetContent="Chrysanthemum Picture"
                Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup"
                Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup"
                Intersoft:UXPopup.TargetHideLatency="0.2"/>
        <Image Height="100" Source="/Hydrangeas.jpg" Stretch="Fill" Width="100" Margin="8"
                Intersoft:UXPopup.TargetPopup="{Binding ElementName=MyPopup}"
                Intersoft:UXPopup.TargetContent="Hydrangeas Picture"
                Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup"
                Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup"
                Intersoft:UXPopup.TargetHideLatency="0.2"/>
        <Image Height="100" Source="/Tulips.jpg" Stretch="Fill" Width="100" Margin="8"
                Intersoft:UXPopup.TargetPopup="{Binding ElementName=MyPopup}"
                Intersoft:UXPopup.TargetContent="Tulips Picture"
                Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup"
                Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup"
                Intersoft:UXPopup.TargetHideLatency="0.2"/>
    </StackPanel>
</Grid>
See Also
UXPopup Class
How-to: Use UXPopup to Display Information from Data Context
How-to: Customize UXPopup Bounding Box

Concepts

Popup Overview

Other Resources

Popup How-to Topics
Locating the Samples in Local Installation
Walkthroughs and How-to Topics