RadBusyIndicator not displayed correctly

[Bracco]

I have the following WPF code

<telerik:RadBusyIndicator x:Name="ThumbnailLoadingIndicator" BusyContent="Loading clip..." IsIndeterminate="True" IsTabStop="False">
   <!-- Some content -->
</telerik:RadBusyIndicator>

 

and as you can see on the attached screenshot it is not rendered properly (i.e. the spinning circles are cut on top and bottom). I have tried to use various sizes and alignment but none of them are working so I guess there is an extra property I need to tweak (or there is a bug).

FYI I am using the fluent theme.

[Dinko | Tech Support Engineer]

Hi Robert,

Thank you for the provided image and code snippet.

Looking at the set-up I can't find anything that could misplaced the content of the control. Can you specify which version of our controls are you using? Also, do you have custom styles targeting RadBusyIndicator control? Can you share the whole XAML where the control is placed?

I am looking forward to your reply.

Regards,
Dinko
Progress Telerik

[Luis Henrique]

I'm having the exactly same issue. RadBusyIndicator is cutting top/bottom. Usually when the space it is designed is a kinda small (and not the whole window).

I'm also using Fluent theme.

Version is 2020.3.1020.45

[Dinko | Tech Support Engineer]

Hello Luis Henrique,

Without reproducing this behavior, I can only guess what could be the reason behind this. Is it possible to isolate this in a standalone project? This way, I can take a closer look and debug it.

Regards,
Dinko
Progress Telerik

[Luis Henrique]

Hello,

you can see an isolated project here on OneDrive: https://1drv.ms/u/s!AqFGKcD49dDoh_1XTsDF6QBjl6UBWw?e=kQkXJ8

 

I could not attach on this forum because it only allows images.

 

Thanks

[Dinko | Tech Support Engineer]

Hello Luis,

Thank you for the provided project.

You are right that the RadBusyIndicator is clipped. The control requires a specific minimal Height/Width to be drawn correctly in the Fluent theme. In your particular case, there is a Grid element inside the control template with a fixed Width. You can set it to double.NaN. You can use our ChildrenOfType<T>() extension method to get elements from your visual tree inside the control's Loaded event.

private void RadBusyIndicator_Loaded(object sender, RoutedEventArgs e)
{
    var progressBar = (sender as RadBusyIndicator).ChildrenOfType<RadProgressBar>().FirstOrDefault();
    var grid = progressBar.ChildrenOfType<Grid>().FirstOrDefault();
    grid.Width = double.NaN;
}

Keep in mind that this approach could not work in all scenarios. You could further test it and modify the approach to better fit in your application.

Regards,
Dinko
Progress Telerik