Intersoft ClientUI Documentation
How-to: Specify Target Popup in UXPopup
See Also Send Feedback
Intersoft ClientUI 7 > ClientUI Controls > Control Library > Advanced Content Controls Overview > UXPopup > How-to: Specify Target Popup in UXPopup

Glossary Item Box

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

©2012. All Rights Reserved.