ItemsControl missing vertical scrollbar

Question

I have the below ItemsControl which wraps items perfectly but it does not have a vertical scrollbar to see the wrapped items. How can I get the scrollbar to show?

    <ItemsControl x:Name="tStack" Grid.Column="0" Grid.Row="1"
                  ItemsSource="{Binding Shows.View}"
                  HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                  BorderThickness="0.5">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Horizontal" HorizontalAlignment="Left"
                           VerticalAlignment="Top"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Viewbox HorizontalAlignment="Left"  Height="250">
                    <Controls1:MyShowsUserControl Padding="10"/>
                </Viewbox>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

score 31 · Accepted Answer · answered Aug 23 '13 at 08:14

31

ItemsControl by default does not wrap ItemsPresenter in ScrollViewer so you have to do it manually like so:

<ScrollViewer Grid.Column="0" Grid.Row="1">
   <ItemsControl x:Name="tStack" ... >
      <!-- .... -->
   </ItemsControl>
</ScrollViewer>

answered Aug 23 '13 at 08:14

dkozl

32,814
8
87
89

Very strange... I tried it 20x before and it didn't work and now it does... Thank you! – touyets Aug 23 '13 at 08:23
2

I figured out the problem: if I enter a value for the horizontal scrollbar visibility of the scrollviewer then it doesn't work properly – touyets Aug 23 '13 at 09:15
1

If this is not working, please add height of parent element of scrollviewer. ... – DevCaf Apr 21 '21 at 00:57

score 8 · Answer 2 · edited Sep 01 '16 at 22:22

8

Wrap your ItemsControl in a ScrollViewer control.

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

Remember to put the Grid.Column="0" Grid.Row="1" attributes in the ScrollViewer instead of in your ItemControl.

edited Sep 01 '16 at 22:22

Bob Kaufman

12,864
16
78
107

answered Aug 23 '13 at 08:13

Jonathan

11,809
5
57
91

score 0 · Answer 3 · answered Aug 23 '13 at 08:24

0

Use ScrollViewer and set the property "VerticalScrollBarVisibility" true.

< ScrollViewer VerticalScrollBarVisibility="Auto">

Here your ItemsControl

< /ScrollViewer>

answered Aug 23 '13 at 08:24

J R B

2,069
4
17
32

ItemsControl missing vertical scrollbar

3 Answers3

Linked