BackgroundColor="Transparent" not working on IOS

[Michael]

Hi,

Is it possible to have a transparent background on IOS?

I tried setting BackgroundColor="Transparent" and it works fine on Android but not on IOS.

Please help.

 

[Lance | Manager Technical Support]

Hello Michael,

You can achieve your goal by using the RadListView ItemStyle.

Here's an example:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:dataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
             xmlns:listView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"
             mc:Ignorable="d"
             x:Class="App73.MainPage"
             x:Name="Page"
          BackgroundColor="DarkCyan">

    <Grid x:Name="RootGrid">
        <dataControls:RadListView x:Name="MyListView" BackgroundColor="Transparent">
            <dataControls:RadListView.ItemStyle>
                <listView:ListViewItemStyle BackgroundColor="Transparent"/>
            </dataControls:RadListView.ItemStyle>
            <dataControls:RadListView.ItemTemplate>
                <DataTemplate>
                    <listView:ListViewTemplateCell>
                        <Label Text="{Binding}" TextColor="LightCyan"/>
                    </listView:ListViewTemplateCell>
                </DataTemplate>
            </dataControls:RadListView.ItemTemplate>
        </dataControls:RadListView>
    </Grid>
</ContentPage>

Notice the page background is set to DarkCyan and the ItemStyle is set to Transparent background.

Here's the result at runtime:

Regards,
Lance | Team Lead - US DevTools Support
Progress Telerik