MARKUS

<UserControl x:Class="KCOM.Messenger.ConversationView"

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

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

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  xmlns:common="clr-namespace:KCOM.Common"

             xmlns:local="clr-namespace:KCOM.Messenger" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 

             mc:Ignorable="d" 

             d:DesignHeight="500" d:DesignWidth="400" >

    <!--<Grid x:Name="LayoutRoot">

        <Grid.RowDefinitions>

            <RowDefinition Height="*"/>

            <RowDefinition Height="30"/>

            <RowDefinition Height="60"/>

        </Grid.RowDefinitions>

        <ScrollViewer telerik:StyleManager.Theme="Office2016" BorderThickness="0" Background="#fafafa" HorizontalScrollBarVisibility="Disabled">

            <ItemsControl ItemsSource="{Binding k_talkMessageSet, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}">

            <ItemsControl.ItemTemplate>

                <DataTemplate>               

                <local:MessageContentPresenter Content="{Binding}">

                    <local:MessageContentPresenter.MeTemplate>

                        <DataTemplate>

                            <Grid Margin="30, 10, 5, 0" Width="420">

                                <Rectangle Fill="{StaticResource PhoneAccentBrush}"  Grid.RowSpan="2"/>

                                <TextBlock Text="{Binding Path=Text}"

                             Style="{StaticResource TextBlockStyle}"/>

                                    <TextBlock Text="{Binding Path=Timestamp}" Style="{StaticResource TimestampStyle}" Grid.Row="1"/>

                                    <Path Data="m 0,0 l 16,0 l 0,16 l -16,-16"

                                                Fill="{StaticResource PhoneAccentBrush}"

                                                Margin="0,0,5,0"

                                                HorizontalAlignment="Right"

                                                Grid.Row="2"/>

                                </Grid>

                        </DataTemplate>

                    </local:MessageContentPresenter.MeTemplate>

                    <local:MessageContentPresenter.YouTemplate>

                        <DataTemplate>

                            <Grid Margin="5, 10, 30, 0" Width="420">

                                <Path Data="m 0,0 l 0,16 l 16,0 l -16,-16"

                        Fill="{StaticResource PhoneAccentBrush}"

                        Margin="5,0,0,0"

                        HorizontalAlignment="Left"/>

                                <Rectangle Fill="{StaticResource PhoneAccentBrush}"

                             Grid.Row="1" Grid.RowSpan="2"/>

                                <TextBlock Text="{Binding Path=Text}"

                             Style="{StaticResource TextBlockStyle}"

                             Grid.Row="1"/>

                                <TextBlock Text="{Binding Path=Timestamp}"

                             Style="{StaticResource TimestampStyle}"

                             Grid.Row="2"/>

                            </Grid>

                        </DataTemplate>

                    </local:MessageContentPresenter.YouTemplate>

                </local:MessageContentPresenter>

                </DataTemplate>

            </ItemsControl.ItemTemplate>

        </ItemsControl>

        </ScrollViewer>

        <Border Grid.Row="1" BorderThickness="0,1,0,0" BorderBrush="#FFCDCDCD">

            <Grid Width="{Binding Path=Width, ElementName=LayoutRoot}" Background="#fafafa">

                <StackPanel Orientation="Horizontal">

                    <telerik:RadButton Content="MARK" Margin="5" x:Name="btnMark"/>

                    <telerik:RadButton Content="FILE" Margin="5" x:Name="btnFile"/>

                    <telerik:RadButton Content="E-MAIL" Margin="5" x:Name="btnMail"/>

                </StackPanel>

            </Grid>

        </Border>

        <Border Grid.Row="2">

            <Grid Width="{Binding Path=Width, ElementName=LayoutRoot}">

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="*"/>

                    <ColumnDefinition Width="Auto"/>

                </Grid.ColumnDefinitions>

                --><!--<Border  Grid.Column="0" BorderBrush="#dcdcdc"  Background="#fafafa" Margin="5"/>--><!--

                <telerik:RadButton Content="Send" BorderThickness="0" telerik:StyleManager.Theme="VisualStudio2013" Background="#4586ec" Foreground="White" CornerRadius="0" Grid.Column="1" Width="50"/>

                <TextBox Grid.Column="0" BorderBrush="#dcdcdc"  Background="#fafafa" BorderThickness="0"  TextWrapping="Wrap"

              x:Name="tbContent" 

             AcceptsTab="True" VerticalScrollBarVisibility="Auto"

             HorizontalScrollBarVisibility="Disabled"

             HorizontalAlignment="Stretch"   />

            </Grid>

        </Border>

    </Grid>-->

    <Grid >

        <!--<DataGrid ItemsSource="{Binding MessageSet}" AutoGenerateColumns="True"/>-->

        <Grid.RowDefinitions>

            <RowDefinition Height="*"/>

            <RowDefinition Height="30"/>

            <RowDefinition Height="80"/>

        </Grid.RowDefinitions>

        <ScrollViewer BorderThickness="0" Background="#e9ecf2"  HorizontalScrollBarVisibility="Disabled" IsTabStop="False">

            <ItemsControl ItemsSource="{Binding k_talkMessageSet, Mode=TwoWay, Source={x:Static common:ViewerDataModel.Instance}}" x:Name="lstMessage">

                <ItemsControl.ItemTemplate>

                    <DataTemplate>

                        <!--<TextBlock Text="{Binding UserName}"/>-->

                        <local:MessageContentPresenter Content="{Binding}"/>

                    </DataTemplate>

                </ItemsControl.ItemTemplate>

            </ItemsControl>

        </ScrollViewer>

        <Border BorderBrush="#e0e2e2" BorderThickness="0,2,0,0" Grid.Row="1" Background="#fbfcfd">

            <StackPanel Orientation="Horizontal">

                <Image Source="clip.png" Width="18" Height="18" Margin="5,0" x:Name="btnFile" Visibility="Collapsed"/>

                <Image Source="check_pen.png" Width="18" Height="18" Margin="5,0" x:Name="btnMark"/>

                <Image Source="email.png" Width="18" Height="18" Margin="5,0" x:Name="btnMail" Visibility="Collapsed"/>

            </StackPanel>

        </Border>

        <Border  Grid.Row="2" Background="#fbfcfd">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="*"/>

                    <ColumnDefinition Width="80"/>

                </Grid.ColumnDefinitions>

                <TextBox Grid.Column="0" BorderBrush="#dcdcdc"  Background="#fafafa" BorderThickness="0"  TextWrapping="Wrap"

                         x:Name="tbContent"  Foreground="#888d91" Margin="10,10" AcceptsTab="True" VerticalScrollBarVisibility="Auto"

                         HorizontalScrollBarVisibility="Disabled" HorizontalAlignment="Stretch"   />

                <Border Grid.Column="1" Background="#616d7a" CornerRadius="5" Margin="10,10" VerticalAlignment="Top" MinHeight="40">

                    <Button Background="Transparent" BorderThickness="0" Foreground="White" Content="Send" x:Name="btnSend" telerik:StyleManager.Theme="VisualStudio2013"/>

                </Border>

            </Grid>

        </Border>

    </Grid>

</UserControl>