@Colex I have successfully implemented the CollectionView in my project it renders my image, frame and text however when I tried to add another image the new frame is close in the first frame how can I make a gap in between two frame inside CollectionView I have tried setting margins and padding in frame here is my code and screenshots
<CollectionView ItemsSource="{Binding PopularActivities}" ItemsLayout="{x:Static ListItemsLayout.HorizontalList}" HeightRequest="300" Margin="10,0,0,0">
<CollectionView.ItemTemplate>
<DataTemplate>
<Frame Padding="0" Margin="10,0,50,5" CornerRadius="4" WidthRequest="290">
<StackLayout WidthRequest="150">
<Image Source="{Binding ImageSrc}" HeightRequest="200" Aspect="AspectFill"/>
<Label Margin="5,0,0,0" Text="{Binding Name}" HorizontalTextAlignment="Start" VerticalTextAlignment="Start" HeightRequest="20" WidthRequest="50"/>
<StackLayout Orientation="Horizontal" Margin="5,0,0,0">
<Label FontSize="Micro" Text="{Binding reviews}"/>
<Label FontSize="Micro" Text="|"/>
<Label FontSize="Micro" Text="{Binding booked} "/>
<Label FontSize="Micro" Text="Booked"/>
</StackLayout>
<StackLayout HeightRequest="70">
<StackLayout Orientation="Horizontal" Margin="5,40,0,0">
<Label FontAttributes="Bold" Text="{Binding price}" HorizontalOptions="Start"/>
<Label Text="Available Today" HorizontalOptions="End" TextColor="ForestGreen" FontSize="Micro" Margin="150,0,0,0"/>
</StackLayout>
</StackLayout>
</StackLayout>
</Frame>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
and here is the screenshot
![]()