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
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; }