Custom loading style

[gerardo]

Good day.

Is it possible to put the Busy Indicator to other part of my page?

The scenario is I have a page with Grid View at the center. But I want to show the loading/progress at the bottom of my page not at the center where the GridView is placed.

[Dinko | Tech Support Engineer]

Hello Gerardo,

Thank you for your interest in our RadGridView control.

What you can do to move the indicator at the bottom is to manually reposition it. You can subscribe to the Loaded event of the control. I am assuming that the BusyIndicator is shown when the control is loaded for the first time. In the loaded event, you can get a Border with x:Name="Indicator" and set the VerticalAlignment property to Bottom.

private void GridView_Loaded(object sender, RoutedEventArgs e)
{
    var indicatorBorder = (sender as RadGridView).ChildrenOfType<Border>().FirstOrDefault(x=>x.Name =="Indicator");
    if(indicatorBorder != null)
    {
        indicatorBorder.VerticalAlignment = VerticalAlignment.Bottom;
    }
}

Regards,
Dinko
Progress Telerik

[gerardo]

Hi Sir Dinko,

I applied the code and it aligns the indicator as expected but it only moves it inside the part of the GridView.

My goal is to put the indicator to the other part of my page.

I attached a sample layout of what I am doing. Thank you.

[Dinko | Tech Support Engineer]

Hello Gerardo,

Thank you for the provided image.

In this case, you can consider using RadBusyIndicator control as a separate control. This way, you can position it wherever you like. To show the control you can set/bind the IsBusy property as shown in the article.

Regards,
Dinko
Progress Telerik