Sizing in .NET MAUI Busy Indicator (SfBusyIndicator)

23 Jul 20262 minutes to read

The .NET MAUI Busy Indicator allows you customize the size of the indicator using the SizeFactor property. It sets both the height and width of the indicator. The default value is 0.5, and the valid range is 0 to 1 (where 0 is the smallest and 1 is the largest).

<core:SfBusyIndicator x:Name="busyindicator"
                      IsRunning="True"
                      AnimationType="CircularMaterial"
                      Title="Loading..."
                      SizeFactor="0.7" />
SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
    IsRunning = true,
    AnimationType = AnimationType.CircularMaterial,
    Title = "Loading...",
    SizeFactor = 0.7,
};
this.Content = busyIndicator;

The following screenshot illustrates the result of the above code.

SizeFactor

Using a smaller SizeFactor

The following example sets SizeFactor to 0.3 to make the indicator smaller.

<core:SfBusyIndicator x:Name="busyindicator"
                      IsRunning="True"
                      AnimationType="CircularMaterial"
                      Title="Loading..."
                      SizeFactor="0.3" />
SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
    IsRunning = true,
    AnimationType = AnimationType.CircularMaterial,
    Title = "Loading...",
    SizeFactor = 0.3,
};

See Also