WPF TextBlock Overflow Text to the Left

Question

As background I have a very long ID that too long to display in the given area of the TextBlock. The interesting portion of the ID is the end, that is the rightmost portion.

What I would like to do is have the TextBlock, rather than the text overflowing right and cutting off the rightmost portion, overflow left and cutoff the leftmost portion.

That is given the ID 123456 and a TextBlock with enough space to hold four characters, to get the TextBlock to display 3456 rather than 1234 as it does by default.

I could manually trim my ID for display, but given a variable spaced font that's not ideal. So is there someway to get WPF do change the overflow direction?

Robert Rossney · Accepted Answer · 2010-03-11 09:43:09Z

5

Is this the effect you're trying to get? It sounds like it:

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <StackPanel Width="200">  
      <TextBlock Background="Honeydew" HorizontalAlignment="Right">
        The quick brown fox jumped over the lazy dog's back
      </TextBlock>
    </StackPanel>
</Page>

answered Mar 11, 2010 at 9:43

Robert Rossney

97.3k24 gold badges150 silver badges218 bronze badges

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

Comments

Bermo · Accepted Answer · 2010-03-11 05:44:20Z

5

You simply need to set the following attribute FlowDirection="RightToLeft" in the XAML for the TextBox

answered Mar 11, 2010 at 5:44

Bermo

4,9291 gold badge31 silver badges32 bronze badges

Comments

hemp · Accepted Answer · 2010-03-11 05:54:28Z

2

If you would also like to show the full text when a user hovers their mouse over the clipped TextBlock, it's a bit tricky, but there is a technique.

answered Mar 11, 2010 at 5:54

hemp

5,71333 silver badges44 bronze badges

Comments

Curtis · Accepted Answer · 2012-11-20 20:41:07Z

2

In order to show the entire text when the user hovers over the TextBox, simply bind the ToolTip to the Text property of the TextBox:

ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}"

answered Nov 20, 2012 at 20:41

Curtis

5,89010 gold badges52 silver badges80 bronze badges

Collectives™ on Stack Overflow

WPF TextBlock Overflow Text to the Left

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related