This is a migrated thread and some comments may be shown as answers.

Custom loading style

3 Answers 120 Views
GridView
This is a migrated thread and some comments may be shown as answers.
gerardo
Top achievements
Rank 1
Veteran
gerardo asked on 10 Sep 2020, 06:28 AM

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.

3 Answers, 1 is accepted

Sort by
0
Dinko | Tech Support Engineer
Telerik team
answered on 14 Sep 2020, 12:10 PM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
gerardo
Top achievements
Rank 1
Veteran
answered on 24 Sep 2020, 05:24 AM

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.

0
Dinko | Tech Support Engineer
Telerik team
answered on 28 Sep 2020, 11:17 AM

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

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Tags
GridView
Asked by
gerardo
Top achievements
Rank 1
Veteran
Answers by
Dinko | Tech Support Engineer
Telerik team
gerardo
Top achievements
Rank 1
Veteran
Share this question
or