Intersoft ClientUI Documentation
How-to: Specify Target Popup in UXPopup
Intersoft ClientUI 8 > ClientUI Controls > Control Library > Advanced Content Controls Overview > UXPopup > How-to: Specify Target Popup in UXPopup

This example shows how to specify target popup in UXPopup.

Example

Description

UXPopup is an advanced popup control with built-in animation and customizable position. You can put any content to be host in UXPopup and you can display it anywhere desired.

To learn more about UXPopup in details, see Popup Overview.

The following code shows how to specify the target 2 image into UXPopup. Set Intersoft:UXPopup.TargetPopup property into ElementName=uXPopup1 through the binding extension markup.

Code

XAML
Copy Code 
<Grid x:Name="LayoutRoot">
    <Intersoft:UXPopup Name="uXPopup1" MaxWidth="400" 
                        HorizontalAlignment="Left" VerticalAlignment="Top" 
                        PreferredPosition="CenterParent"
        <Image Name="image1" Source="{Binding}" />
    </Intersoft:UXPopup>

    <Intersoft:ImageLoader MaxWidth="200" ImageSource="/UXPopUp;component/Assets/Images/butterfly.jpg" 
                            Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup" 
                            Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup"
                            VerticalAlignment="Center" HorizontalAlignment="Center" 
                            Intersoft:UXPopup.TargetPopup="{Binding ElementName=uXPopup1}"
                            Intersoft:UXPopup.TargetDataContext="/UXPopUp;component/Assets/Images/butterfly.jpg"
                            Margin="250,0,0,0" />

    <Intersoft:ImageLoader MaxWidth="200" ImageSource="/UXPopUp;component/Assets/Images/cheetah.jpg" 
                            Intersoft:UXPopup.TargetMouseEnterAction="ShowPopup" 
                            Intersoft:UXPopup.TargetMouseLeaveAction="HidePopup"
                            VerticalAlignment="Center" HorizontalAlignment="Center" 
                            Intersoft:UXPopup.TargetPopup="{Binding ElementName=uXPopup1}"
                            Intersoft:UXPopup.TargetDataContext="/UXPopUp;component/Assets/Images/cheetah.jpg"
                            Margin="0,0,250,0" />
</Grid>



See Also
UXPopup Class

Concepts

Navigation Overview
Content Controls Overview

Other Resources

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