How to customize the overlay background in .NET MAUI Popup (SfPopup)?

In .NET MAUI Popup control provides a flexible way to customize is the overlay background. This article will guide you through the process of either removing the overlay or changing its color.

Removing the Overlay

To remove the overlay background, set the ShowOverlayAlways property to False . By default, this property is set to True, which means the overlay is visible whenever the popup is active.

XAML

<sfPopup:SfPopup x:Name="popup"
                 ShowOverlayAlways="False"/>

With this setting, the popup will appear without the dimmed overlay background.

Output

Changing Overlay Color

If you prefer to change the color of the overlay instead of removing it, you can use the OverlayColor property within the PopupStyle.

XAML

<sfPopup:SfPopup x:Name="popup">
    <sfPopup:SfPopup.PopupStyle>
        <sfPopup:PopupStyle OverlayColor="LightPink" />
    </sfPopup:SfPopup.PopupStyle>
</sfPopup:SfPopup>

This will change the overlay background to a light pink color when the popup is displayed.

Output

View sample in GitHub

Conclusion
I hope you enjoyed learning about How to customize Overlay background in .NET MAUI Popup (SfPopup).
You can refer to our .NET MAUI Popup feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!