Home/ Questions/Q 7968963
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T07:09:38+00:00

I’m trying to get a window similar to a chat window, where a list

  • 0

I’m trying to get a window similar to a chat window, where a list of text items is drawn. The window should be resizable and each text item should wrap if it does not fit on one line.

What I have so far:

MessageItem – A user control, multiline TextBlock in a Border

<Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
    <Border BorderBrush="Silver" BorderThickness="1" Height="Auto" HorizontalAlignment="Left" Margin="0,10,0,10" Name="messageContainer" VerticalAlignment="Top" Width="Auto">
        <TextBlock Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="messageContent" VerticalAlignment="Stretch" Width="Auto" Text="This is some longer text. Wow that wasn't as long as I thought." TextWrapping="Wrap" Padding="10" />
    </Border>
</Grid>

MessageBox – A user control with a ListView that holds MessageItems

<Grid Name="messageGrid" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <!--<StackPanel Height="Auto" HorizontalAlignment="Stretch" Margin="0" Name="messagePanel" VerticalAlignment="Stretch" Width="Auto">

        </StackPanel> -->
        <ListView HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
            <local:MessageItem></local:MessageItem>
        </ListView>
    </ScrollViewer>
</Grid>

The Problem:

If I use the commented out StackPanel for holding MessageItems, It will shrink the MessageItem (and cause the text to wrap) correctly. If I use the ListView, it does not shrink.

I’ve more or less figured out why from research, but I haven’t been able to figure out how to get around it. As far as I can tell I need to override MeasureOverride and/or ArrangeOverride, but I’m far too new to WPF to know WTF I’m doing. (rimshot)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure why you’re putting the ListView inside a ScrollViewer since the ListView has its own ScrollView internally.

    In order to get your MessageItems to wrap you need to turn off any horizontal scrollbars, otherwise the container (ListView or ScrollViewer) will give the MessageItem as much space as it requires and show a scrollbar.

    Try

    <ScrollViewer ... ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>

    and

    <ListView ... ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>

    although I’m not sure you even need the ScrollViewer.

    You would probably be better off using a ListBox and an ItemTemplate instead of the ListView and user control

    • 0