Displaying popup in WPF

      A Popup window is a window that float over a window.In this blog post i’m going to to explain how can we create a sexy popup window like message box using xaml.Wpf has a popup control

Syntax

<Popup></Popup>

      Popup control can have a child inside the popup tags.If we want to add more contents we can use any layout panels like grid, stackpanel etc.
In popup if we set IsOpen property to true then the popup will be displayed and If IsOpen = false then the popup will be closed. In this example we will set IsOpen = true whenever we click on validate button and we will set it to false when we clicked on OK button.

xaml

<Popup Name="myPopup" IsOpen="False" PlacementTarget="{Binding ElementName=ProjectTasks}" Placement="Center">
      <Grid Width="300" Background="Gray">
          <Grid.RowDefinitions>
              <RowDefinition Height="Auto"/>
              <RowDefinition Height="*"/>
              <RowDefinition Height="Auto"/>
         </Grid.RowDefinitions>
      <Border Grid.RowSpan="3" Background="Gray" BorderBrush="#3a3a3a" BorderThickness="1"/>
            <DockPanel  Width="300" Background="#3a3a3a" LastChildFill="True">
                <Image Source="/Images/Icons/attention.png" Width="15" Height="15" Margin="3"  DockPanel.Dock="Left"/>
<TextBlock  Padding="3" Grid.Row="0" Background="#3a3a3a" Text="Information" Foreground="White" FontWeight="Bold"/>
                </DockPanel>
              <TextBlock Width="260" Grid.Row="1" Margin="5" TextWrapping="Wrap" Foreground="white" Text="{Binding Path=ProjectValidateMessage}"></TextBlock>     

<Button Width="40" Height="20" Margin="5" Grid.Row="2" x:Name="btnPopup" Click="btnPopup_OnClick" Content="Ok" />
                        
      </Grid>
</Popup>

Code Behind:

public void btnPopup_OnClick(object Sender, RoutedEventArgs e)          

{             

    this.myPopup.IsOpen = false;         

}         

public void btnValidate_OnClick(object Sender,RoutedEventArgs e)

{             

    this.myPopup.IsOpen = true;         

}