Custom Busy Content

Setting BusyContent property of RadBusyIndicator allows you to display any content together with the built-in animations while the control is in Busy state. Additionally, you could customize the BusyContentTemplate in order to arrange the custom content and the animated content per your choice.

Here is a quick example demonstrating how BusyContent and BusyContentTemplate properties could be applied.

<telerikPrimitives:RadBusyIndicator x:Name="BusyIndicator"
                               AnimationContentHeightRequest="100"
                               AnimationContentWidthRequest="100"  
                               AnimationType="Animation6"                                            
                               IsBusy="True">           
    <telerikPrimitives:RadBusyIndicator.BusyContent>
        <Label Text="Working on it, just a moment, please..." />
    </telerikPrimitives:RadBusyIndicator.BusyContent>
    <telerikPrimitives:RadBusyIndicator.BusyContentTemplate>
        <ControlTemplate>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <ContentPresenter Content="{TemplateBinding Path=AnimationContent}" />
                <ContentPresenter Grid.Row="1"
                                  Content="{TemplateBinding Path=BusyContent}"
                                  HorizontalOptions="Center" />
            </Grid>
        </ControlTemplate>
    </telerikPrimitives:RadBusyIndicator.BusyContentTemplate>
</telerikPrimitives:RadBusyIndicator>

You could check the result in the image below:

Figure 1: RadBusyIndicator with BusyContentTemplate

BusyIndicator example

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy