1 <UserControl x:Class="WEBSWAPP.Silverlight.Samples.ChatClient.Page"

    2    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    3    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    4    >

    5     <Canvas x:Name="LayoutRoot" Background="White">

    6         <Grid Width="950" Height="300" VerticalAlignment="top" HorizontalAlignment="Left" >

    7             <Grid.RowDefinitions>

    8                 <RowDefinition Height="20"/>

    9                 <RowDefinition Height="30"/>

   10                 <RowDefinition Height="20"/>

   11                 <RowDefinition Height="*"/>

   12             </Grid.RowDefinitions>

   13             <Grid.ColumnDefinitions>

   14                 <ColumnDefinition Width="470"/>

   15                 <ColumnDefinition Width="*"/>

   16             </Grid.ColumnDefinitions>

   17             <StackPanel Orientation="Vertical" Grid.Row="0" Grid.ColumnSpan="2" Background="#7298b4"  >

   18                 <TextBlock Text="Customer Support - Client Interface" FontWeight="Bold" Foreground="White" TextAlignment="Center" FontSize="14" ></TextBlock>

   19             </StackPanel>

   20             <StackPanel Orientation="Horizontal" Grid.Row="1" Grid.ColumnSpan="2" Background="#7298b4"  >

   21                 <TextBlock Text="Enter your name" TextAlignment="Left" Padding="3" Foreground="White" 

   22                    VerticalAlignment="Bottom" />

   23                 <TextBox Name="tbUserName" Width="100" MaxLength="15"

   24                  HorizontalAlignment="Left"  />

   25 

   26                 <TextBlock Text="Message to Customer Support" VerticalAlignment="Bottom"  Padding="3" Foreground="White" />

   27                 <TextBox Name="tbMessage" MaxLength="300" Width="500"></TextBox>

   28                 <Button Name="btnSend" Content="Send" Width="70" Click="Button_Click"></Button>

   29             </StackPanel>

   30             <StackPanel Grid.Row="2" Grid.ColumnSpan="2">

   31                 <TextBlock Name="tbStatus" Width="900" TextWrapping="Wrap" ></TextBlock>

   32             </StackPanel>

   33 

   34             <StackPanel Grid.Row="3" Grid.ColumnSpan="2" Grid.Column="0" Orientation="Vertical" >

   35                 <StackPanel Orientation="Horizontal" Background="Honeydew" >

   36                     <TextBlock Text="Entry Time" TextWrapping="Wrap" TextAlignment="Center"  Width="150"></TextBlock>

   37                     <TextBlock Text="User Question" TextWrapping="Wrap" TextAlignment="Center"   Width="300"></TextBlock>

   38                     <TextBlock Text="Response Time" TextWrapping="Wrap" TextAlignment="Center"  Width="150"></TextBlock>

   39                     <TextBlock Text="Response" TextWrapping="Wrap" TextAlignment="Center" Width="300"></TextBlock>

   40                 </StackPanel>

   41 

   42 

   43                 <ListBox Name="lbConversation" Height="200" Width="1000" 

   44                 HorizontalAlignment="Left" VerticalAlignment="Top" BorderThickness="0" >

   45                     <ListBox.ItemTemplate >

   46                         <DataTemplate>

   47                             <StackPanel Orientation="Horizontal" >

   48                                 <TextBlock Text="{Binding EntryDate}" TextWrapping="Wrap" Width="150" />

   49                                 <TextBlock Text="{Binding Message}" TextWrapping="Wrap" Width="300"/>

   50                                 <TextBlock Text="{Binding ResponseDate}" TextWrapping="Wrap" Width="150" Foreground="Maroon" />

   51                                 <TextBlock Text="{Binding Response}" TextWrapping="Wrap" Width="300" Foreground="Maroon" />

   52                             </StackPanel>

   53                         </DataTemplate>

   54                     </ListBox.ItemTemplate>

   55                 </ListBox>

   56 

   57             </StackPanel>

   58         </Grid>

   59     </Canvas >

   60 </UserControl>