This article shows you how to add controls, how
to Open and Close the Popup Window.
Popup: Adding controls in Popup window
XAML code
<Popup
Name="Popup1"
Width="240"
Height="200"
Placement="Center"
IsEnabled="True"
IsOpen="True"
>
<Border
BorderBrush="DarkCyan"
BorderThickness="3">
<StackPanel
Background="Aquamarine"
VerticalAlignment="Center"
Height="200">
<StackPanel>
<Grid
Margin="0,40,0,20"
>
<Grid.RowDefinitions
>
<RowDefinition
Height="
30"></RowDefinition>
<RowDefinition
Height="30"></RowDefinition>
<RowDefinition
Height=30"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="100"></ColumnDefinition>
<ColumnDefinition
Width="100"></ColumnDefinition>
<ColumnDefinition
Width="100"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label
Name="lblPasswordReprint"
Content="Password:"
Grid.Row="1"
Grid.Column="0"
HorizontalAlignment="Right"
VerticalAlignment="Center"/>
<TextBox
Name="txtPasswordReprint"
Width="
90"
Height="20"
Grid.Row="1"
Grid.Column="1"
HorizontalAlignment="Left"
IsEnabled="True"/>
<Label
Name="lblUserName"
Content="
UserName:"
HorizontalAlignment="Right"
Grid.Row="0"
Grid.Column="0"
VerticalAlignment="Center"
/>
<TextBox
Name="txtUserNameReprint"
Width="
90"
Height="
20"
Grid.Row="0"
Grid.Column="1"
HorizontalAlignment="Left"/>
<Button
Content="Login"
Width="70"
Height="30"
Grid.Row="2"
Grid.Column="0"HorizontalAlignment="Right"
/>
<Button
Content="Cancel"
Width="70"
Height="30"
Grid.Row="2"
Grid.Column="1"
HorizontalAlignment="Left"
/>
</Grid>
</StackPanel>
</StackPanel>
</Border>
</Popup>
Image of Popup Window
![Popup.gif]()
How to Open a Popup Window?
Popup can be Opend by using Property IsOpen=true.
private void
ButtonShow_Click(object sender,
RoutedEventArgs e)
{
Popup1.IsOpen = true;
}
How to Close a Popup window?
Popup window can be closed by using a Property IsOpen=false
private void
ButtonCancel_Click(object sender, RoutedEventArgs
e)
{
Popup1.IsOpen = false;
}