How to customize the background color in .NET MAUI BusyIndicatior?

This article explains how to customize the background color of the .NET MAUI BusyIndicator when it is active. This can be achieved using the OverlayFill property in the Busy Indicator; this allows you to define the background color that appears while the Busy Indicator is running.

XAML

<core:SfBusyIndicator x:Name="busyIndicator" 
                      AnimationType="LinearMaterial" 
                      IndicatorColor="Purple">
    <core:SfBusyIndicator.OverlayFill >
        <Color x:FactoryMethod="FromRgba">
            <x:Arguments>
                <x:Int32>250</x:Int32>
                <x:Int32>105</x:Int32>
                <x:Int32>180</x:Int32>
                <x:Int32>155</x:Int32>
            </x:Arguments>
        </Color>
    </core:SfBusyIndicator.OverlayFill>
    <core:SfBusyIndicator.Content>
        ...
    </core:SfBusyIndicator.Content>
</core:SfBusyIndicator>

Output

Download the complete sample from GitHub

Conclusion

I hope you enjoyed learning how to customize the background color in .NET MAUI BusyIndicatior.

You can refer to our .NET MAUI BusyIndicator’s feature tour page for other groundbreaking feature representations. Explore our .NET MAUI BusyIndicator documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, try our 30-day free trial to check out our .NET MAUI Busy Indicator and other .NET MAUI components.

Please let us know in the following comments section if you have any queries or require clarifications. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!