How to make ChatBubbleTextBox content scrollable

Jul 25, 2014 at 8:47 AM
I'm developing simple chat WP application. I use ChatBubble text block control from Coding4Fun toolkit. I want to make this contoll scrollable when user is holding finger on it and moving to up/down. I changed control style by placing ContentControl inside ScrollViewer contol but didn't help. It's just "responsible" now but I still can't scroll inside it.
<Border x:Name="EnabledBorder" 
    Grid.Row="1"
    Padding="{TemplateBinding Padding}"
    BorderThickness="{TemplateBinding BorderThickness}" 
    BorderBrush="{TemplateBinding BorderBrush}"
    Background="{TemplateBinding Background}">
    <Grid>
        <ContentControl
            x:Name="HintContentElement"
            BorderThickness="0" 
            Background="Transparent"
            Foreground="Gray"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch"
            Content="{TemplateBinding Hint}" />
            <ScrollViewer>
                <ContentControl 
                    x:Name="ContentElement" 
                    Margin="1 2"
                    MaxHeight="170"
                    BorderThickness="0" 
                    Background="Transparent"
                    HorizontalContentAlignment="Stretch"
                    VerticalContentAlignment="Stretch" />
            </ScrollViewer>
    </Grid>
</Border>
Here is piece of page XAML
<c4f:ChatBubbleTextBox 
    InputScope="Text" 
    TextChanged="ChatBubbleTextBox_TextChanged" 
    Text="{Binding CommentText, Mode=TwoWay}" 
    ChatBubbleDirection="LowerRight" 
    TextWrapping="Wrap" 
    AcceptsReturn="True"
    Style="{StaticResource themeAwareChatBubbleStyle}" />
Coordinator
Jul 28, 2014 at 5:43 AM
does your base code by itself scroll?
Sep 18, 2014 at 1:23 PM
Found solution on msdn forums. replace:
<ScrollViewer MaxHeight="170">
    <ContentControl 
        x:Name="ContentElement" 
        Margin="1 2"
        MaxHeight="170"
        BorderThickness="0" 
        Background="Transparent"
        HorizontalContentAlignment="Stretch"
        VerticalContentAlignment="Stretch" />
</ScrollViewer>
with
<ScrollViewer 
    x:Name="ContentElement" 
    Margin="1 2"
    MaxHeight="170"
    BorderThickness="0" 
    Background="Transparent"
    HorizontalContentAlignment="Stretch"
    VerticalContentAlignment="Stretch" />