[Back]

<UserControl x:Class="DNNSilverlightChat.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="600" Height="340">
    <Grid x:Name="LayoutRoot" Background="Transparent" ShowGridLines="False" Loaded="LayoutRoot_Loaded">
        <Grid.RowDefinitions>
            <RowDefinition Height="10" />
            <!-- padding -->
            <RowDefinition Height="38" />
            <!-- title -->
            <RowDefinition Height="10" />
            <!-- padding -->
            <RowDefinition Height="*" />
            <!-- messages, userlist -->
            <RowDefinition Height="10" />
            <!-- padding -->
            <RowDefinition Height="26" />
            <!-- message text box, send button -->
            <RowDefinition Height="10" />
            <!-- padding -->
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="10" />
            <!-- padding -->
            <ColumnDefinition Width="*" />
            <!-- messages, message text box-->
            <ColumnDefinition Width="10" />
            <!-- padding -->
            <ColumnDefinition Width="120" />
            <!-- user list, send button-->
            <ColumnDefinition Width="10" />
            <!-- padding -->
        </Grid.ColumnDefinitions>

        <TextBlock x:Name="Title" Text="DNN Silverlight Chat" Grid.Row="1" Grid.Column="1" FontSize="22" Foreground="Navy" />

        <StackPanel x:Name="SidePanel" Orientation="Vertical" Grid.Row="1" Grid.Column="3">
            <TextBlock x:Name="TxtbLoggedInUser" FontSize="10" Foreground="Navy" FontWeight="Bold" HorizontalAlignment="Center" />
            <Button x:Name="BtnLogOut" Content="Log Out" FontSize="10" Click="BtnLogOut_Click" />
        </StackPanel>

        <ScrollViewer x:Name="SvwrMessages" Grid.Row="3" Grid.Column="1" 
                      HorizontalScrollBarVisibility="Hidden" 
                      VerticalScrollBarVisibility="Visible" BorderThickness="2">
            <StackPanel x:Name="SpnlMessages" Orientation="Vertical" />
        </ScrollViewer>

        <ScrollViewer x:Name="SvwrUserList" Grid.Row="3" Grid.Column="3" 
                      BorderThickness="2" Width="120" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <StackPanel x:Name="SpnlUserList" Orientation="Vertical"  Background="{x:Null}">
                <ItemsControl x:Name="ItmcUserList" Background="{x:Null}" Height="Auto"
                              >
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>                            

                             <StackPanel x:Name="UserStackPanel" Orientation="Horizontal"
                                         Margin="2" >
                                <Image Source="{Binding ImageUrl}" Width="40" Height="40"
                                     HorizontalAlignment="Left" VerticalAlignment="Center" 
                                         />

                                <HyperlinkButton Content="{Binding UserName}"
                                                 Margin="0,0,0,0" 
                                                 HorizontalAlignment="Right" 
                                                 VerticalAlignment="Center"
                                                
                                  />
                            </StackPanel>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
                                           
            </StackPanel>
        </ScrollViewer>

        <StackPanel Orientation="Horizontal" Grid.Row="5" Grid.Column="1" >
            <TextBox x:Name="TxtMessage" TextWrapping="Wrap" KeyDown="TxtMessage_KeyDown"  
                 ScrollViewer.VerticalScrollBarVisibility="Visible" 
                 ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                 Width="360"
                 BorderThickness="2" Margin="0,0,10,0"/>

            <ComboBox x:Name="CbxFontColor" Width="80">
                <ComboBoxItem Content="Black" Foreground="White" Background="Black" IsSelected="True" />
                <ComboBoxItem Content="Red" Foreground="White" Background="Red" />
                <ComboBoxItem Content="Blue" Foreground="White" Background="Blue" />
            </ComboBox>
        </StackPanel>

        <Button x:Name="BtnSend" Content="Send" Grid.Row="5" Grid.Column="3" Click="BtnSend_Click" />

    </Grid>
</UserControl>