How do you wrap text around an image inside a list box item in WPF?

Question

How do you wrap text around an image inside a list box item in WPF? Basically, I want to make a list item template that has an image on the left, then text wraps around it.

I tried using the flow document control, which made it look like I wanted, however when it is inside the list box, if you click inside the boundary for the flow document, the selected event doesn't fire, which defeats the purpose of putting it in a listbox in the first place. Below is a sample of what I am talking about:

<ListBox ScrollViewer.CanContentScroll="False" Height="297" HorizontalAlignment="Left"
    Margin="159,0,0,0" Name="updateList" VerticalAlignment="Top" Width="260">

    <ListBoxItem  Padding="0" Margin="0" BorderBrush="Black" BorderThickness="0,1,0,0"     
        Width="235" Height="150">

<FlowDocumentScrollViewer Padding="0" Margin="0" VerticalScrollBarVisibility="Auto" HorizontalAlignment="Left" VerticalAlignment="Top" FontStretch="Normal">
                <FlowDocument TextAlignment="Left">
                    <Paragraph Padding="0" Margin="0">
                        <Floater Width="40" Margin="0,0,10,0" Padding="0" HorizontalAlignment="Left">
                            <BlockUIContainer>
                                <Image Source="/quickviewWPF;component/exclaimationPoint.png"  Width="40" />
                            </BlockUIContainer>
                        </Floater>
                        Item Item Item Item Item Item Item Item Item Item Item Item 
                    </Paragraph>
                </FlowDocument>
            </FlowDocumentScrollViewer>
        </ListBoxItem>

show a picture (in comments if you can't edit to post one)

Jake Berger
– Jake Berger

2012-03-05 20:16:56 +00:00
Commented Mar 5, 2012 at 20:16 — Jake Berger
– Jake Berger, Commented Mar 5, 2012 at 20:16

Erick · Accepted Answer · 2012-03-05 21:53:58Z

1

this feels kind of hacky but on the FlowDocumentScrollViewer you could just add the property "IsHitTestVisible" and set it to false.

Setting IsHitTestVisible will cause the FlowDocumentScrollViewer and everything inside of it to not be clickable and the hit test that is done on click will go through to the ListBoxItem

<FlowDocumentScrollViewer IsHitTestVisible="False" />

answered Mar 5, 2012 at 21:53

Erick

4862 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lucas Bailey Over a year ago

I think that works. I didn't get to test it very extensively, just a quick look, but it appears to be what I was looking for. I will get a chance to test this tomorrow, then I will mark you as the correct answer. Thanks.

Collectives™ on Stack Overflow

How do you wrap text around an image inside a list box item in WPF?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related