XAML - Popup

A Popup displays content on top of existing content, within the bounds of the application window. It is a temporarily display on other content. The hierarchical inheritance of Popup class is as follows −

Properties

Events

Example

The following example shows how to use Popup control. Given below is the XAML code to create and iniliaze a Popup control and a CheckBox. When the user checks the CheckBox, it displays a Popup.

<Window x:Class = "XAMLPopup.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid>
      <StackPanel> 
         <CheckBox Name = "PCheckBox" Margin = "10,10,484,500" Content = "Checked Me" Height = "18"/> 
			
         <Popup IsOpen = "{Binding ElementName = PCheckBox,Path = IsChecked}" 
            PlacementTarget = "{Binding ElementName = PCheckBox}"
            AllowsTransparency = "True" PopupAnimation = "Slide"
            HorizontalOffset = "150" VerticalOffset = "100">
			
            <Canvas Width = "100" Height = "100" Background = "LightGray" Margin = "5">
               <Canvas.RenderTransform> 
                  <RotateTransform x:Name = "theTransform" />
               </Canvas.RenderTransform> 
			
               <TextBlock TextWrapping = "Wrap" Foreground = "Blue" Text = "Hi, this is Popup"/>
            </Canvas> 
         </Popup&gt
      </StackPanel>
   </Grid> 
   
</Window>

When you compile and execute the above code, it will produce the following output −

We recommend you to execute the above example code and experiment with some other properties and events.