title: Xamarin Forms content page make background color transparent
body: <p>I have a requirement where in I need to display a list in a modal popup page.I am able to display a list but I cant make the background color transparent or semi transparent so that the page under it is partially visible.</p>
  
  <p><strong>I am pushing the page from my View Model using the folowing:</strong></p>
  
  <pre><code>NavigationParameters oNavParams = new NavigationParameters();
  oNavParams.Add("Mode", "FeedBack");
  oNavParams.Add("selectedItem", txtFeedback);
  _navigationService.NavigateAsync("PopupBox", oNavParams);
  </code></pre>
  
  <p><strong>Here is my xaml code:</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
               xmlns:local="clr-namespace:MyApp"
               prism:ViewModelLocator.AutowireViewModel="True"
               x:Class="MyApp.Views.PopupBox"&gt;
      &lt;ContentPage.Content&gt;
          &lt;AbsoluteLayout Padding="0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"&gt;
              &lt;ContentView x:Name="popupListView" BackgroundColor="Transparent" Padding="10, 0" IsVisible="false" AbsoluteLayout.LayoutBounds="0, 0, 1, 1" AbsoluteLayout.LayoutFlags="All"&gt;
                  &lt;StackLayout VerticalOptions="Center" HorizontalOptions="Center"&gt;
                      &lt;StackLayout Orientation="Vertical" HeightRequest="200" WidthRequest="300" BackgroundColor="White"&gt;
                          &lt;ListView x:Name="sampleList"&gt;
                          &lt;/ListView&gt;
                      &lt;/StackLayout&gt;
                  &lt;/StackLayout&gt;
              &lt;/ContentView&gt;
          &lt;/AbsoluteLayout&gt;
      &lt;/ContentPage.Content&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p><strong>Here is my code behind:</strong></p>
  
  <pre><code>  public PopupBox()
          {
              try
              {
                  InitializeComponent();
                  NavigationPage.SetHasNavigationBar(this, false);
                  sampleList.ItemsSource = new List&lt;string&gt;
              {
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView",
                  "Test ListView"
              };
  
                   popupListView.IsVisible = true;
  
  
              }
              catch (Exception ex)
              {
  
              }
              }
  </code></pre>
  
  <p><strong>Here is the output:</strong>
  <a href="https://i.stack.imgur.com/Ecga3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ecga3.png" alt="enter image description here"></a></p>
  
  <p>I have also tried setting the following:</p>
  
  <pre><code>  this.BackgroundColor= new Color(0, 0, 0, 0.4);
  </code></pre>
  
  <p>But it does not work.Is there any way I can achieve this?Using custom renderers or any other workaround to display a modal.
  I don't wan't to use the Rg.Plugins.Popup as I had issues with it.So I was looking for an alternative.Please help.</p>