This example shows you how to customize the binding box of UXPopup.
Example
Description
By default the bounding box of UXPopup is the control itself, you can customize this by specifying RelativeTo property.
The following code shows to change the bounding box to another UIElement, in this case, a Button.
Code
| XAML |  Copy Code |
|---|---|
<Grid x:Name="LayoutRoot"> <Grid VerticalAlignment="Top" HorizontalAlignment="Left"> <Intersoft:UXPopup PreferredPosition="TopRight" x:Name="MyPopup" RelativeTo="{Binding ElementName=MyButton}"> <Grid Width="100" Height="100" Background="#FF8ECEFF"> <TextBlock TextWrapping="Wrap" Text="Put your popup content here" Margin="4"/> </Grid> </Intersoft:UXPopup> </Grid> <Button Width="100" Content="Click Me" x:Name="MyButton" HorizontalAlignment="Center" VerticalAlignment="Center" Click="MyButton_Click"/> </Grid> |
|
| C# | Copy Code |
|---|---|
private void Button_Click(object sender, System.Windows.RoutedEventArgs e) { this.MyPopup.IsOpen = !this.MyPopup.IsOpen; } |
|
