Home/ Questions/Q 6857203
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T01:59:12+00:00

I have the following layout in XAML: <StackPanel Height=40> <TextBlock TextWrapping=Wrap TextTrimming=WordEllipsis Margin=0,10,0,10 LineHeight=18

  • 0

I have the following layout in XAML:

    <StackPanel Height="40">
        <TextBlock TextWrapping="Wrap" TextTrimming="WordEllipsis"  Margin="0,10,0,10"
                               LineHeight="18" FontSize="12">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus commodo dui vulputate laoreet. Donec metus purus, consectetur ut sagittis ut, vestibulum id diam. Suspendisse in urna sem. Ut purus arcu, placerat quis tempus cursus, elementum sed sem. Duis condimentum semper tortor, a pulvinar dolor semper sit amet.
        </TextBlock>
    </StackPanel>

So inside my stackpanel there is a textbox. In this example I set the height in the parent stackpanel, but in my real application it is set some level higher.

I have to display the text in multiline and use ellipsis as trimming behavior. The problem is if I use the XAML code above, the last line of the text gets cut. I’ve attached a screenshot to illustrate the behavior:

text gets cut

Is there a way to solve this issue? The expected behavior would be to show only the first line and the ellipsis at the end of it.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well, the issue caused because of I used StackPanels. The content’s height, inside the StackPanel was as big as it should be to display all content in it. However, the parent StackPanel have a height limit, and the content inside got clipped.

    I’ve replaced my StackPanel to a Grid and trimming & wrapping works like a charm now.

    • 0