How to enlarge BusyIndicator sign?

[Maciej]

Hello,
simple & quick question:
Is it possible to enlarge busy indicator sign?

Thanks,

Maciej

[Victor]

Hi Maciej,

 Thank you for the question.
Of course you can. You can simply set a ScaleTransform object to RadBusyIndicator's RenderTransform property.
Please write again if you have other questions.

Kind regards,
Victor
the Telerik team

[Maciej]

Hi Victor,

Thank you for your solution. Works like a charm.
I've completely forgot about ScaleTransform object. Thanks for reminding!

Best regards,

Maciej

[Cesar Vinas]

Hi Victor,

can you please provide an example? I'm doing this in my application:

<

 

 

telerikPrimitives:RadBusyIndicator x:Name="LoadingPanel" Content="Loading..." IsRunning="{Binding}" AnimationStyle="AnimationStyle1">

 

 

 

 

<telerikPrimitives:RadBusyIndicator.RenderTransform>

 

 

 

 

<ScaleTransform ScaleX="1.5" ScaleY="1.5" />

 

 

 

 

</telerikPrimitives:RadBusyIndicator.RenderTransform>

 

 

 

 

</telerikPrimitives:RadBusyIndicator>

 

It works, but the animation is no longer centered. I guess I have to change some other properties (CenterX and CenterY), but how do I know what values to set in order to have the content correctly centered after applying the ScaleTransform?

Thanks,
Cesar

[Deyan]

Hello César,

You can simply calculate the new size of the animation after setting a scale transform. The width is equal to the horizontal scale transform factor multiplied by the current width of the animation, and the height is equal to the vertical scale transform factor multiplied by the height of the animation.

So, if you set a scale transform equal to 1.5 for X and 1.5 for Y, you can simply set a RenderTransformOrigin to RadBusyIndicator which is equal to 0.5, 0.5.

I hope this helps.

Regards,
Deyan
the Telerik team

[Cesar Vinas]

Thanks Deyan. It worked perfectly!