How to add a ScrollBar to a Stackpanel

Question

In my WPF application, I have a Stackpanel containing several controls inside them. How can I add a Scrollbar to this stackpanel.

score 204 · Accepted Answer · answered Jun 06 '11 at 09:51

204

Put it into a ScrollViewer.

answered Jun 06 '11 at 09:51

Joey

344,408
85
689
683

1

Thanks. After putting a ScrollViewer around it, the entire content doesn't show up. I tried setting Height and Width to Auto, but no luck. Why should only a limited portion show? – Shamim Hafiz - MSFT Jun 06 '11 at 09:57
8

I have no clue. Your question was two sentences long which is a bit little detail to anticipate any potential problems. – Joey Jun 06 '11 at 09:59
Got it, I was placing the opening tag in the wrong place. Thanks a lot for the help. – Shamim Hafiz - MSFT Jun 06 '11 at 10:03
1

Simple and perfect answer. – JM217 Feb 13 '20 at 13:47

score 125 · Answer 2 · answered Jun 06 '11 at 09:52

125

Stackpanel doesn't have built in scrolling mechanism but you can always wrap the StackPanel in a ScrollViewer

<ScrollViewer VerticalScrollBarVisibility="Auto">
  <StackPanel ... />
</ScrollViewer>

answered Jun 06 '11 at 09:52

biju

17,554
10
59
95

3

Well, `StackPanel` does implement `IScrollInfo` and offers a number of scrolling-related methods. Are you sure it does not have any kind of "built-in" scrolling mechanism? – O. R. Mapper Apr 23 '13 at 18:13
5

from https://msdn.microsoft.com/en-us/library/system.windows.controls.stackpanel.canverticallyscroll(v=vs.110).aspx... "This property is not intended for use in your code. It is exposed publicly to fulfill an interface contract (IScrollInfo). Setting this property has no effect. If you require physical scrolling instead of logical scrolling, wrap the StackPanel in a ScrollViewer and set its CanContentScroll property to false." – Skinner Jul 25 '17 at 01:55

score 13 · Answer 3 · edited May 23 '18 at 18:10

13

It works like this:

<ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Disabled" Width="340" HorizontalAlignment="Left" Margin="12,0,0,0">
        <StackPanel Name="stackPanel1" Width="311">

        </StackPanel>
</ScrollViewer>

TextBox tb = new TextBox();
tb.TextChanged += new TextChangedEventHandler(TextBox_TextChanged);
stackPanel1.Children.Add(tb);

edited May 23 '18 at 18:10

Esteban Verbel

738
2
20
39

answered Jul 29 '12 at 00:33

arnisz

175
3
8

score 2 · Answer 4 · answered Nov 05 '15 at 03:01

2

For horizontally oriented StackPanel, explicitly putting both the scrollbar visibilities worked for me to get the horizontal scrollbar.

    <ScrollViewer VerticalScrollBarVisibility="Hidden" HorizontalScrollBarVisibility="Auto" >
        <StackPanel Orientation="Horizontal" />
    </ScrollViewer>

answered Nov 05 '15 at 03:01

VijayKP

301
1
7

2

Repeat of previous answers. – vapcguy Sep 19 '16 at 20:30

score -3 · Answer 5 · answered Jun 06 '11 at 09:54

If you mean, you want to scroll through multiple items in your stackpanel, try putting a grid around it. By definition, a stackpanel has infinite length.

So try something like this:

   <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <StackPanel Width="311">
              <TextBlock Text="{Binding A}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" FontStretch="Condensed" FontSize="28" />
              <TextBlock Text="{Binding B}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
        </StackPanel>
    </Grid>

You could even make this work with a ScrollViewer

This code is taken out of context. Could you remove the dependencies, so the code is usable without further modifications? — Markus Jarderot, Jun 06 '11 at 10:07

How to add a ScrollBar to a Stackpanel

5 Answers5

Linked