Прокрутка ListBox

Мне нужно чтобы listbox был внутри ScrollViewer( чтобы осуществлять прокрутку по кнопкам) и чтобы элементы располагались горизонтально. У меня получается только так, что они выстраиваются вертикально.`

            <ListBox Background="Transparent" ScrollViewer.HorizontalScrollBarVisibility="Disabled"  BorderThickness="0" RenderTransformOrigin="0.5,0.5" SelectedItem="{Binding SelectedArticle}" ItemsSource="{Binding Articles_list}" Margin="9,5.2,-0.2,0" Grid.Row="3" VerticalAlignment="Top" Height="273" Grid.ColumnSpan="2" HorizontalAlignment="Left" Width="696"  >
                <ListBox.ItemContainerStyle>
                    <Style TargetType="{x:Type ListBoxItem}">
                        <Setter Property="Background" Value="Transparent" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                                    <ContentPresenter />
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListBox.ItemContainerStyle>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid>
                            <Image Opacity="0.7" Source="{Binding Url}" Margin="-1,0,2,122"/>
                        <Border BorderBrush="White" BorderThickness="1" Margin="0,-2,0,1" HorizontalAlignment="Left" Width="134">
                            <Canvas Margin="0.2,79.2,-0.4,0.2">
                                <Button FontSize="10"  BorderThickness="0 0 0 1" BorderBrush="White" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Height="20" Width="56" Canvas.Left="33" Canvas.Top="14">
                                    <TextBlock Style="{StaticResource ThirdFont}" Text="{Binding Category}"  FontSize="13" FontWeight="Bold" Foreground="White" Height="22" Width="43"/>
                                </Button>
                                <TextBlock TextWrapping="Wrap" Style="{StaticResource ThirdFont}" Text="{Binding Name}"  FontSize="10"  Foreground="White" RenderTransformOrigin="0.5,0.5" Height="32" Canvas.Left="12" Canvas.Top="41" Width="136"/>

                                <Button FontSize="10" BorderThickness="1" BorderBrush="White" Foreground="White" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Content="Read" Height="20" Width="66" Canvas.Left="29" Canvas.Top="86"/>
                            </Canvas>
                        </Border>
                    
                        </Grid>

                    </DataTemplate>
            </ListBox.ItemTemplate>
            </ListBox>`

Ответы (0 шт):