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

how to do spinning gif overlay as form loads?

2 Answers 101 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Doug
Top achievements
Rank 1
Doug asked on 09 Aug 2017, 10:02 PM

I have a form with telerik drop downs (with autopostback) and buttons.
then a grid form. the grid form takes sometimes a while to load.

if a user during that grid load changes a drop down before the grid is done then the page errors.

object not set

how can I put a spinning graphic (loading) overlay and/or keep the drop downs from working until my grid is fully loaded?

2 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 10 Aug 2017, 03:28 AM
Hello,

You can place RadGrid inside RadAjaxPanel and show a loading spinner via RadLoadingPanel.

Here is an example: https://demos.telerik.com/aspnet-ajax/ajaxpanel/overview/defaultcs.aspx.

If needed place the dropdown inside the AjaxPanel too.

Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Doug
Top achievements
Rank 1
answered on 11 Aug 2017, 02:49 AM

this works but I have issues

I had to put code blocks inside <div runat="server"... tags

but still my javascript runs the first time but new javascript put into the page (inside my gridview) next to a control in the grid is not firing off.
<script language="javascript"...
$( document ).ready(function(){alert('here')});...

using F12 these scripts are on the page but are not firing off.

neither is a plain alert('here');

one other issue is my save button hits an error but no error shows on the page

Tags
General Discussions
Asked by
Doug
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Doug
Top achievements
Rank 1
Share this question
or