White Lines in SfPopup

[Mike-E]

We are seeing the following white lines in the SfPopup when displayed in our application, denoted by the red arrows below:

We're wondering if there is a setting that can be applied to remove them.

Here is the Xaml we are using:

```

<?xml version="1.0" encoding="utf-8"?>
 
<popup:SfPopup xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:popup="http://schemas.syncfusion.com/maui/toolkit"
               x:Class="Application.Mobile.Application.Maui.Views.Tabs.Account.Banks.Delete"
               HeaderTitle="Title"
               Message="This is a message This is a message This is a message This is a message "
               ShowFooter="True" AutoSizeMode="Height"
               HeightRequest="200" WidthRequest="350"
               ShowCloseButton="True" AcceptButtonText="Continue" x:Name="Root">
    <popup:SfPopup.PopupStyle>
        <popup:PopupStyle FooterBackground="#211f33" MessageBackground="#211f33" HeaderBackground="#211f33"
                          HeaderTextAlignment="Center" HeaderFontFamily="SecondaryBold" HeaderTextColor="White"
                          HeaderFontSize="16"
                          MessageFontFamily="Primary" MessageTextColor="White" MessageFontSize="18"
                          AcceptButtonBackground="#6666ff" AcceptButtonTextColor="White"
                          FooterButtonCornerRadius="10" CornerRadius="20" />
    </popup:SfPopup.PopupStyle>
</popup:SfPopup>

```

Thank you for any assistance you can provide.

[Abinesh Palanisamy]

Hi Mike-E ,

Based on the code snippet and provided details, we found that you need to maintain the same background color throughout the entire popup. To achieve this, you can use the PopupBackground property. By enabling the PopupBackground with an appropriate color and removing the HeaderBackground, MessageBackground, and FooterBackground properties, the issue can be resolved. We have shared the relevant code snippet and user guide documentation for your reference. If you have any further queries, we’ll be happy to assist you.

UG - popup background

Code snippet:

<popup:PopupStyle

            PopupBackground ="#211f33"

            HeaderTextAlignment="Center"

            HeaderFontFamily="SecondaryBold"

            HeaderTextColor="White"

            HeaderFontSize="16"

            MessageFontFamily="Primary"

            MessageTextColor="White"

            MessageFontSize="18"

            AcceptButtonBackground="#6666ff"

            AcceptButtonTextColor="White"

            FooterButtonCornerRadius="10"

            CornerRadius="20"/>

 

Regards,

Abinesh P

[Mike-E]

Thank you very much Abinesh!  That was it.  Your time and support is greatly appreciated!

[Abinesh Palanisamy]

Hi Mike-E ,

We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help.

 

Regards,

Abinesh P