Loading animation height

[Zubair]

hi,

I have a loading animation that always appears on the Grid header. In case the Grid has many items and I need to scroll down, it still shows the animation on the top and not where I clicked, how can I make it so that it maintains the scroll position ?

[Zubair]

hi, is there any update to this issue. Please help.

[Sebastian]

Hello Zubair,

Generally speaking, the ajax loading panel associated with the grid (I suppose you are referring to this panel by specifying "loading animation") will appear centered at the top of the control when you perform ajax request to the server. It should not be influenced by the scrolling feature of the control as illustrated in this demo:

http://demos.telerik.com/ASPNET/Prometheus/Grid/Examples/Client/VirtualScrollPaging/DefaultCS.aspx

If you have something different in mind or this happens with a particular grid configuration only, please provide more details in order to advice you further.

Best,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Zubair]

So you are suggesting that I should set the Grid pagesize to minimum to avoid scroll ?

Now even if I do that, I am using WebUsercontrol mode for editing RadGrid, and that form is too long and obviously Update/cancel buttons are at the bottom of the page, now when a user scrolls to the bottom and clicks on one of those buttons Ajax loading panel may appear on the top but the user would not see it and think that nothing's happening, please suggest how to let the user know that the request is being processed and he should wait. Is there any option ?

[Sebastian]

Hi Zubair,

Thank you for the additional explanation - now I see your point more clearly.

There are two possible options you might consider:

1. Use a sticky loading panel at a fixed position on the page in order to make it always visible for the end user, thus indicating that an ajax request is in progress.
2. Consider enabling the status bar of the grid (rendered at the bottom of it below the pager/footer item) which will visualize by means of 'Loading/Ready' message (together with the default loading panel) that the operation chosen by the user is in progress. Review the online demo of the product for more details:
   
   http://demos.telerik.com/ASPNET/Prometheus/Grid/Examples/DataEditing/UserControlEditForm/DefaultCS.aspx

Best regards,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Zubair]

hi Stephen,

Thanks for the response, I tried IsSticky="true" before but it appears on the top-left corner of the browser and not in the center, how can I change that it's always center.

[Sebastian]

Hello Zubair,

You need to specify style="position: absolute;" and additional top/left values in order to display the loading panel at a certain place on the screen (as depicted in the help article from my previous response). The default position will be at the top left corner of the screen if such values are not specified.

Regards,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Zubair]

Oh yea, thanks for that I am trying those already but they again only seem to be fixed on the screen, I need something that maintains the scroll position and shows up where my Edit WebUser control shows up when I click Edit, is there any way to do that ?    

[Sebastian]

Hello Zubair,

You can fix the panel at a certain position on the screen only - such sensitive positioning with WebUserControl custom edit form and scrolling is not possible. Alternatively, consider utilizing the status bar item of the grid.

Regards,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Zubair]

Thank Stephen for your prompt replies. I'm going to try OnRequestStart/OnRequestEnd from here and let you know how it goes.