WPF ItemsControl with scrollbar ScrollViewer

Question

I followed this small  tutorial  on how to add a scrollbar to an ItemsControl  and it works in Designer view  but not when I compile and execute the program  only the first few items show up  and no scrollbar to view more - even when VerticalScrollbarVisibility is set to  Visible  instead of  Auto     Any idea on how to solve this     This is the code I use to show my items  normally I work with Databinding  but to see the items in my Designer I added them manually     lt ItemsControl x Name  itemCtrl  Style   DynamicResource UsersControlStyle   gt       lt ItemsControl ItemsPanel gt           lt ItemsPanelTemplate gt               lt StackPanel Orientation  Vertical  HorizontalAlignment  Center  VerticalAlignment  Top  gt               lt  StackPanel gt           lt  ItemsPanelTemplate gt       lt  ItemsControl ItemsPanel gt        lt uc UcSpeler   gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt   lt  ItemsControl gt      And this is my Template    lt Style x Key  UsersControlStyle  TargetType   x Type ItemsControl   gt       lt Setter Property  Template  gt           lt Setter Value gt               lt ControlTemplate TargetType   x Type ItemsControl   gt                   lt Border SnapsToDevicePixels  true  Background   TemplateBinding Background   BorderBrush   TemplateBinding BorderBrush   BorderThickness   TemplateBinding BorderThickness   Padding   TemplateBinding Padding   gt                       lt ScrollViewer VerticalScrollBarVisibility  Visible  gt                           lt ItemsPresenter SnapsToDevicePixels   TemplateBinding SnapsToDevicePixels    gt                       lt  ScrollViewer gt                   lt  Border gt               lt  ControlTemplate gt           lt  Setter Value gt       lt  Setter gt   lt  Style gt

User · Answer

You have to modify the control template instead of ItemsPanelTemplate:

<ItemsControl >
    <ItemsControl.Template>
        <ControlTemplate>
            <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}">
                <ItemsPresenter />
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
</ItemsControl>

Maybe, your code does not working because StackPanel has own scrolling functionality. Try to use StackPanel.CanVerticallyScroll property.

User · Answer

Put your ScrollViewer in a DockPanel and set the DockPanel MaxHeight property         lt DockPanel MaxHeight  700  gt     lt ScrollViewer VerticalScrollBarVisibility  Auto  gt      lt ItemsControl ItemSource    Binding       gt                 lt  ItemsControl gt     lt  ScrollViewer gt   lt  DockPanel gt

User · Answer

To get a scrollbar for an ItemsControl  you can host it in a ScrollViewer like this    lt ScrollViewer VerticalScrollBarVisibility  Auto  gt     lt ItemsControl gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt       lt uc UcSpeler   gt     lt  ItemsControl gt   lt  ScrollViewer gt

[wpf] WPF: ItemsControl with scrollbar (ScrollViewer)

Examples related to wpf

Examples related to wpf-controls

Examples related to itemscontrol

Examples related to scrollviewer