[Solved] Controlling Item Separator Appearance

[Neil N]

I've tried all kinds of things but can't seem to figure out how to control the item separator appearance on iOS. On Windows it doesn't appear (which is what I want) but on iOS a thin line always appears.  I need it gone.

                            <telerik:RadCollectionView
                                Margin="0,0,0,0"
                                BackgroundColor="Black"
                                HeightRequest="200"
                                ItemsSource="{Binding CompanyContacts}"
                                SelectionMode="None">
                                <telerik:RadCollectionViewItemView>
                                    <telerik:RadCollectionViewItemView.Resources>
                                        <Style TargetType="telerik:RadCollectionViewItemView">
                                            <Setter Property="BackgroundColor" Value="Black" />
                                            <Setter Property="BorderColor" Value="Black" />
                                            <Setter Property="CornerRadius" Value="0" />
                                            <Setter Property="Padding" Value="0" />
                                            <Setter Property="Margin" Value="0" />
                                            <Setter Property="BorderThickness" Value="0" />
                                        </Style>
                                    </telerik:RadCollectionViewItemView.Resources>
                                </telerik:RadCollectionViewItemView>
                                <telerik:RadCollectionView.ItemTemplate>
                                    <DataTemplate x:DataType="m:CompanyContactModel">
                                        <StackLayout
                                            Margin="10,10,10,0"
                                            HorizontalOptions="Fill"
                                            Orientation="Vertical">
                                            <StackLayout
                                                Margin="0,10,0,0"
                                                HorizontalOptions="Fill"
                                                Orientation="Horizontal">
                                                <Label
                                                    Margin="0,12,0,0"
                                                    Style="{StaticResource OrangeLabelStyle}"
                                                    Text="{Binding FullName}" />
                                                <Label
                                                    Margin="0,12,0,0"
                                                    Style="{StaticResource WhiteLabelStyle}"
                                                    Text=" - ">
                                                    <Label.Triggers>
                                                        <DataTrigger
                                                            Binding="{Binding Position}"
                                                            TargetType="Label"
                                                            Value="{x:Null}">
                                                            <Setter Property="IsVisible" Value="False" />
                                                        </DataTrigger>
                                                        <DataTrigger
                                                            Binding="{Binding Position}"
                                                            TargetType="Label"
                                                            Value="">
                                                            <Setter Property="IsVisible" Value="False" />
                                                        </DataTrigger>
                                                    </Label.Triggers>
                                                </Label>
                                                <Label
                                                    Margin="0,12,0,0"
                                                    Style="{StaticResource WhiteLabelStyle}"
                                                    Text="{Binding Position}"
                                                    TextColor="{StaticResource WhiteTextColor}" />
                                            </StackLayout>
                                            <HorizontalStackLayout Margin="0,5,0,0" Spacing="10">
                                                <telerik:RadCheckBox
                                                    IsChecked="{Binding IsEmailed, Mode=TwoWay}"
                                                    VerticalOptions="Center"
                                                    Color="{StaticResource WhiteTextColor}" />
                                                <telerik:RadEntry Text="{Binding EmailAddress, Mode=TwoWay}" WidthRequest="250" VerticalOptions="Center" />
                                            </HorizontalStackLayout>
                                        </StackLayout>
                                    </DataTemplate>
                                </telerik:RadCollectionView.ItemTemplate>
                            </telerik:RadCollectionView>

[Didi]

Hello Neil,

To remove the border you have to use the ItemViewStyle of the RadCollectionView. Here is an example:

    <ContentPage.Resources>
        <ResourceDictionary>
            <Style TargetType="telerik:RadCollectionViewItemView" x:Key="MyStyle">
                <Setter Property="BorderColor" Value="Transparent" />
                <Setter Property="BorderThickness" Value="0" />
            </Style>
        </ResourceDictionary>
    </ContentPage.Resources>
    
    <telerik:RadCollectionView ItemsSource="{Binding Items}"
                               ItemViewStyle="{StaticResource MyStyle}">
        <telerik:RadCollectionView.ItemTemplate>
            <DataTemplate>
                <Grid Padding="10" ColumnSpacing="10" >
                    
                </Grid>
            </DataTemplate>
        </telerik:RadCollectionView.ItemTemplate>
    </telerik:RadCollectionView>

How to style the CollectionView item view is described here: https://www.telerik.com/maui-ui/documentation/controls/collectionview/styling/item-style 

Regards,
Didi
Progress Telerik