Resizing BusyIndicator

[Steven]

Good morning,

I would like to resize the busyIndicator but I can't...

I need to smaller the busyIndicator but it is no more fully visible.

Thank you,
S

[Dani]

Hi Steven,

You can resize the RadBusyIndicator control in Expression Blend. A few steps you need to follow:

- Generate the Template of RadBusyIndicator (right-click > Edit Template > Edit a Copy)
- In the template find the ProgressBar control:

<telerik:RadProgressBar x:Name="ProgressBar" />

- Edit the current template of the ProgressBar (right-click > Edit Template > Edit Current)
- There are three elements inside that template that need to be manually resized: IndeterminateBackgroundDonut, IndeterminateDonut and ProgressBarIndicator

For your convenience, I have attached a sample of the this resizing process. You might also consider changing the Visibility of ProgressBarTrack to Collapsed, because 20px/20px is too small a size to accomodate nicely  all three elements.

I hope this helps.

All the best,
Dani
the Telerik team

[Brian]

Dani,
    Thank you for the sample.  When I used it in my application, I also changed the the Margin setter in the RadBusyIndicatorProgressBarStyle to "5 5 5 5" so that the smaller busy indicator would be centered in the space that I had for it.  With the default, the margins were pushing the "donut" part of the indicator below the center of the small space.

[Dani]

Hello Brian,

I am glad to hear you managed to adjust the appearance to the desired layout. If you need help on using the RadBusyIndicator, let me know.

Regards,
Dani
the Telerik team