TextBox to grow vertically instead of scroll horizontally

2 posts, 1 answers
  1. Andrew
    Andrew avatar
    5 posts
    Member since:
    Apr 2011

    Posted 11 Sep 2013 Link to this post

    When typing long messages in the conversation view, the text box awkwardly scrolls to the right. I want it to grow taller instead (to the extent possible) the way the Windows Phone Messaging app does. How can I make it do this?
  2. Answer
    Todor avatar
    773 posts

    Posted 12 Sep 2013 Link to this post

    Hello Andrew,

    Thank you for your question.

    You need to modify the text box template so that it supports TextWrapping. Here's the template you need:

    <DataTemplate x:Key="TextBoxTemplate">
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="3*"/>
                TargetPoint="160, 300">
                            Points="0,0 12,0 12,12"
                            RenderTransformOrigin="0.5, 0.5"/>
                    Margin="0, 0, -12, 0">
                        <Style TargetType="telerikPrimitives:RadImageButton">

    The TextWrapping is highlighted, it is not part of the default template, but you will need it in order to prevent the text box from scrolling to the right. Here are the prefixes that are used:


    Now just make sure that your ConversationView uses the template that you've just added:

    <telerikData:RadConversationView TextBoxTemplate="{StaticResource TextBoxTemplate}" />

    Let us know if you need further assistance.
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
  3. DevCraft banner
Back to Top