[Solved] How to hide the date time stamp

[Michael]

I am using the conversationview control but I do not wish to show the datetime stamp at the bottom of each conversation bubble.  Is there a way to hide this text? 

[Victor]

Hi Michael,

You can hide the time stamp by creating different message templates. Below are the templates for the incoming and outgoing messages. You just have to remove the time stamp text block or hide it.

Incoming template:

<DataTemplate>
    <Grid Margin="12">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="3*"/>
        </Grid.ColumnDefinitions>
        <telerikPrimitivesPrimitives:RadPointerContentControl Background="{StaticResource PhoneAccentBrush}"
                                                              TargetPoint="160, 300"
                                                              Grid.Column="1"
                                                              Foreground="{StaticResource PhoneForegroundBrush}">
            <telerikPrimitivesPrimitives:RadPointerContentControl.PointerTemplate>
                <DataTemplate>
                    <Polygon Width="12"
                             Height="24"
                             Points="0,0 12,0 12,12 0,24"
                             StrokeThickness="0"
                             Fill="{StaticResource PhoneAccentBrush}"
                             RenderTransformOrigin="0.5, 0.5">
                        <Polygon.RenderTransform>
                            <ScaleTransform ScaleX="-1"/>
                        </Polygon.RenderTransform>
                    </Polygon>
                </DataTemplate>
            </telerikPrimitivesPrimitives:RadPointerContentControl.PointerTemplate>

            <StackPanel>
                <TextBlock Text="{Binding Path=Text}"
                           TextWrapping="Wrap"
                           Margin="12"/>
                <TextBlock Text="{Binding Path=TimeStamp}"
                           Margin="12, 0, 12, 12"
                           HorizontalAlignment="Right"/>
            </StackPanel>
            </telerikPrimitivesPrimitives:RadPointerContentControl>
    </Grid>
</DataTemplate>

Outgoing Template:

<DataTemplate>
    <Grid Margin="12">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="3*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <telerikPrimitivesPrimitives:RadPointerContentControl Background="{StaticResource PhoneAccentBrush}"
                                                              TargetPoint="-150,-300"
                                                              Foreground="{StaticResource PhoneForegroundBrush}">
            <telerikPrimitivesPrimitives:RadPointerContentControl.PointerTemplate>
                <DataTemplate>
                    <Polygon Width="12"
                             Height="24"
                             Points="0,0 12,0 12,12 0,24"
                             StrokeThickness="0"
                             Fill="{StaticResource PhoneAccentBrush}"
                             RenderTransformOrigin="0.5, 0.5">
                        <Polygon.RenderTransform>
                            <ScaleTransform ScaleX="-1"/>
                        </Polygon.RenderTransform>
                    </Polygon>
                </DataTemplate>
            </telerikPrimitivesPrimitives:RadPointerContentControl.PointerTemplate>

            <StackPanel>
                <TextBlock Text="{Binding Path=Text}"
                           TextWrapping="Wrap"
                           Margin="12"/>
                <TextBlock Text="{Binding Path=TimeStamp}"
                           Margin="12, 0, 12, 12"
                           HorizontalAlignment="Right"/>
            </StackPanel>
        </telerikPrimitivesPrimitives:RadPointerContentControl>
    </Grid>
</DataTemplate>

Regards,
Victor
Telerik

[Michael]

That worked like a charm.  Thanks!