Silverlight - Popup

---

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

Given below are commonly used properties of Popup class.

Given below are the most commonly used properties of Popup.

Sr. No.	Property & Description
1	Child Gets or sets the content to be hosted in the popup.
2	ChildProperty Gets the identifier for the Child dependency property.
3	ChildTransitions Gets or sets the collection of Transition style elements that apply to child content of a Popup.
4	ChildTransitionsProperty Identifies the ChildTransitions dependency property.
5	HorizontalOffset Gets or sets the distance between the left side of the application window and the left side of the popup.
6	HorizontalOffsetProperty Gets the identifier for the HorizontalOffset dependency property.
7	IsLightDismissEnabled Gets or sets a value that determines how the Popup can be dismissed.
8	IsLightDismissEnabledProperty Identifies the IsLightDismissEnabled dependency property.
9	IsOpen Gets or sets whether the popup is currently displayed on the screen.
10	IsOpenProperty Gets the identifier for the IsOpen dependency property.
11	VerticalOffset Gets or sets the distance between the top of the application window and the top of the popup.
12	VerticalOffsetProperty Gets the identifier for the VerticalOffset dependency property.

Popup class has the following events.

Given below are the most commonly used events of Popup.

Sr. No.	Event & Description
1	Closed Fires when the IsOpen property is set to false.
2	Opened Fires when the IsOpen property is set to true.

A simple example is given below, in which a Popup control and a CheckBox is created and initialized. When a user checkes the CheckBox it displays a Popup.

<UserControl x:Class = "Popup.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   mc:Ignorable = "d" 
   d:DesignHeight = "300" d:DesignWidth = "400"> 
   
   <Grid x:Name = "LayoutRoot" Background = "White">
	
      <CheckBox Name = "PCheckBox" Margin = "0,100,296,172" Content = "Checked Me"/>
		
      <Popup IsOpen = "{Binding ElementName = PCheckBox,Path = IsChecked}"> 
		
         <Canvas Width = "125" Height = "100" Background = "LightGray"> 
            <Canvas.RenderTransform> 
               <RotateTransform x:Name = "theTransform" /> 
            </Canvas.RenderTransform>
				
            <TextBlock TextWrapping = "Wrap" Foreground = "Blue" Text = "Hi, 
               this is Popup"/> 
         </Canvas>
			
      </Popup>  
		
   </Grid> 
	
</UserControl> 

When the above code is compiled and executed, you will see the following output. When you check the checkbox box, it will display the popup.