I'm displaying a List<string>
collection in an ItemsControl. The problem is that there is no spacing between the list items such as TheyAreAllNextToEachOther
.
How can I create some spacing between the items?
<ItemsControl Grid.Column="2"
Grid.ColumnSpan="2"
ItemsSource="{Binding Path=ShowTimes}"
BorderThickness="0">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel IsItemsHost="True" Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
Provide style to your ItemsControl containers (default ContentPresenter) like this where you can set Margin to say 5:
<ItemsControl>
<ItemsControl.ItemContainerStyle>
<Style>
<Setter Property="FrameworkElement.Margin" Value="5"/>
</Style>
</ItemsControl.ItemContainerStyle>
</ItemsControl>
I'd add an ItemTemplate where you set the margin
<ItemsControl.ItemTemplate>
<DataTemplate>
<TextBlock Margin="3,3,3,3" Text="{Binding}"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With