Popup with TextBlock : Popup « UI Controls « Silverlight

1. Silverlight
2. UI Controls
3. Popup

Popup with TextBlock

   

<UserControl x:Class='SilverlightApplication3.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:DesignWidth='640' 
    d:DesignHeight='480'>
  <StackPanel Margin="20" Background="White">
    <TextBlock TextWrapping="Wrap" MouseLeftButtonDown="txt_MouseLeftButtonDown"
      Text="Click here to open the PopUp."></TextBlock>

    <Popup x:Name="popUp" MaxWidth="200">
      <Border Background="Lime" MouseLeftButtonDown="popUp_MouseLeftButtonDown">
        <TextBlock Margin="10" 
           Text="This is the PopUp."></TextBlock>
           </Border>
    </Popup>

    
  </StackPanel>
</UserControl>
//File: Page.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void txt_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            popUp.IsOpen = true;
        }

        private void popUp_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            popUp.IsOpen = false;
        }
    }
}

   
    
    
  

Related examples in the same category

1.	A basic Popup
2.	Create an animated Popup control.
3.	Open a Popup