Scrollable textblock in windows phone 7

Question

I am trying to create a scrollable text block. But it dont seem to works. How should i go about doing it? Below is my code:

    <Grid x:Name="ContentGrid" Grid.Row="1">
        <ScrollViewer>
        <TextBlock Height="517" HorizontalAlignment="Left" Margin="33,16,0,0" Name="textBlockRules" Text="" VerticalAlignment="Top" Width="414" FontSize="25" TextWrapping="Wrap" /></ScrollViewer>

What's not working? That code looks fine to me. Add some text and try scrolling. — keyboardP, Aug 05 '11 at 03:43

score 2 · Answer 1 · edited May 23 '17 at 12:06

Even though you didn't mention explicitly, I'm guessing that your aim is to show some large text without getting chopped.

For such a requirement there are helpful threads on stackoverflow: 1. Need to show large amount of text on windows phone 7 screen 2. Programmatically determining max fit in textbox (WP7)

On the other hand, if all you want is have text blocks in a sequence, you can use a ListBox that is databound to a list.

score 1 · Answer 2 · answered Aug 05 '11 at 07:38

You have to set the maximum height of the ScrollViewer and could set the Visibility for the Scrollbars to Auto.

Here is the example from the msdn:

<ScrollViewer Height="200" Width="200" HorizontalScrollBarVisibility="Auto" Canvas.Top="60" Canvas.Left="340">
<TextBlock Width="300" TextWrapping="Wrap" 
    Text="I am the very model of a modern Major-General, I've information vegetable, animal, and mineral, I know the kings of England, and I quote the fights historical, From Marathon to Waterloo, in order categorical; I'm very well acquainted, too, with matters mathematical, I understand equations, both the simple and quadratical, About binomial theorem I'm teeming with a lot o' news, With many cheerful facts about the square of the hypotenuse." />
</ScrollViewer>

score -1 · Answer 3 · answered Aug 05 '11 at 04:00

Set scrollviewerHorizontalBar to visibal, make textbok stretch and make sure your text is long enough, something like this:

    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Name="Scroller">
        <TextBlock HorizontalAlignment="Stretch" VerticalAlignment="Stretch" MinWidth="100" Width="{Binding ElementName=Scroller, Path=ViewportWidth}"
        TextWrapping="Wrap" Text="Some really long text that should probably wordwrap when you resize the window." />
</ScrollViewer>

You should set the maximum height of the ScrollViewer. – Anheledir Aug 05 '11 at 07:36 — Anheledir, Aug 05 '11 at 07:36

Scrollable textblock in windows phone 7

3 Answers3