RadCircularProgressBar IsInderterminate animation inside RadWindow

1 Answer 57 Views
CircularProgressBar Window
Monja
Top achievements
Rank 1
Monja asked on 11 Jul 2024, 08:04 AM

RadCircularProgressBar IsIndeterminate animation is not working when placed inside a RadWindow with RadWindowInteropHelper.AllowTransparency set to 'false'.

I attached a project reproducing the behaviour.

Version 2024 Q2

1 Answer, 1 is accepted

Sort by
0
Accepted
Stenly
Telerik team
answered on 15 Jul 2024, 10:58 AM

Hello Monja,

The animations of the RadWindow are designed to work when the window is transparent, so when it's not, they are disabled. Since the animation is disabled at the RadWindow element, it is passed down the visual tree.

A proper solution would be to set the AnimationManager.IsAnimationEnabled="True" property in the root element in the content of RadWindow like so:

<telerik:RadWindow x:Class="CircularProgressBar.Window2"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:CircularProgressBar"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        xmlns:teleriknavigation="clr-namespace:Telerik.Windows.Controls.Navigation;assembly=Telerik.Windows.Controls.Navigation"
        mc:Ignorable="d" Height="200" Width="200"
        teleriknavigation:RadWindowInteropHelper.AllowTransparency="False">
    <Grid telerik:AnimationManager.IsAnimationEnabled="True">
        <telerik:RadCircularProgressBar Width="50" Height="50"  IsIndeterminate="True"/>
    </Grid>
</telerik:RadWindow>

The produced result is as follows:

Please, let me know if it delivered the desired result.

Regards,
Stenly
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
CircularProgressBar Window
Asked by
Monja
Top achievements
Rank 1
Answers by
Stenly
Telerik team
Share this question
or