I have a RadbusyIndicator with the following setup:
<telerik:RadBusyIndicator Grid.Row="0" Grid.RowSpan="2" x:Name="BusyIndicator" BackgroundColor="Red"
VerticalOptions="Center"
AnimationContentHeightRequest="100"
AnimationContentWidthRequest="100"
AnimationContentColor="#5A4A7B"
AnimationType="Animation8"
HeightRequest="100" />On iOS and Mac I cannot interact with the content behind the busy indicator even isbusy is false. On Android and WinUI works as expected.
The interaction works on iOS and Mac when InputTransparent is set to True or setting HorizontalOptions = Center
During data binding, the busy indicator freezes. This is not a problem with the MAUI ActivityIndicator, however. See the attached video
I created a repo here to reproduce the issue: https://github.com/kklose23/busyindicator-freezing
Note: I know there's ways to make the data binding in that repo more efficient. I just wanted a good example.
<telerik:RadBusyIndicator x:Name="BusyTest"
IsBusy="{Binding IsBusy, Mode=TwoWay}"
AnimationContentColor="DodgerBlue"
AnimationContentHeightRequest="40"
AnimationContentWidthRequest="40"
VerticalOptions="Center"
HorizontalOptions="Center"
AnimationType="Animation6">
<telerik:RadBusyIndicator.Content>
<Label Text="{Binding LabelText, Mode=TwoWay}" TextColor="Blue" FontSize="16"/>
</telerik:RadBusyIndicator.Content>
<telerik:RadBusyIndicator.BusyContent>
<Label Text="{Binding LabelText, Mode=TwoWay}"
TextColor="Red" FontSize="20"/>
</telerik:RadBusyIndicator.BusyContent>
</telerik:RadBusyIndicator>Workaround:
set the text directly to the BusyContent:
<telerik:RadBusyIndicator x:Name="BusyTest"
IsBusy="{Binding IsBusy, Mode=TwoWay}"
AnimationContentColor="DodgerBlue"
AnimationContentHeightRequest="40"
AnimationContentWidthRequest="40"
VerticalOptions="Center"
HorizontalOptions="Center"
AnimationType="Animation6">
<telerik:RadBusyIndicator.Content>
<Label Text="{Binding LabelText, Mode=TwoWay}" TextColor="Blue" FontSize="16"/>
</telerik:RadBusyIndicator.Content>
<telerik:RadBusyIndicator.BusyContent>
<Label Text="Loading....."
TextColor="Red" FontSize="20"/>
</telerik:RadBusyIndicator.BusyContent>
</telerik:RadBusyIndicator>
Indicator and content are not displayed when IsBusy property is dynamically changed.
On WinUi when window is resized the content/animation is displayed.
On Android, only the content or only the animation is displayed. rotating the device does not solve the issue.