TextTrimming TextBlock with other controls next to it

Asked Sep 22 '15 at 13:49

Active Sep 22 '15 at 13:49

Viewed 110 times

I'm trying to make a really simple title panel, which contains an Image-icon and TextBlock-title in the center of the panel:

To achieve this with TextBlock, I could use StackPanel with Vertical-orientation. But this doesn't work when I need to add the Image in front of TextBlock.

This is the current code, which doesn't work with the TextTrimming:

<StackPanel Orientation="Horizontal">
    <Image
        Height="28"
        Width="28"
        Margin="0,0,10,0"
        Source="/Resources/Images/Icons/MyIcon.png"
        HorizontalAlignment="Left"
        VerticalAlignment="Center"/>

    <TextBlock x:Name="TitleText"
        Text="Test text test text Test asd asd "
        VerticalAlignment="Center"
        FontSize="28"
        TextWrapping="NoWrap"
        TextTrimming="WordEllipsis"/>
</StackPanel>

Another solution could be to control the Width of the TextBlock in code, but I'd like to achieve this within XAML. Any ideas?

asked Sep 22 '15 at 13:49

W0lfw00ds

2,018
14
23

1

Why not to use Grid with two columns? – Spawn Sep 22 '15 at 13:53
@Spawn With 2 columns `Width="Auto"` the `TextBlock` still overflows the area and trim isn't working. – W0lfw00ds Sep 22 '15 at 14:06
1

Second column must be with Star, but not Auto value – Spawn Sep 22 '15 at 14:20
Thanks! That did the trick! – W0lfw00ds Sep 22 '15 at 14:26

TextTrimming TextBlock with other controls next to it

0 Answers0