[Solved] How can i get the Loading Panel to display in the cell that is been clicked?

[Temp]

Hi I have a RadGrid with a custom ItemTemplate and Edit Template in a GridTemplateColumn, and a GridEditCommandColumn next to this with the edit command in it, and it changes to the save/cancel buttons as the form is edited inline.

My Grid is quite long vertically due to the nature of the data, so when I click edit towards the bottom of the page you can't see the loading panel as it is at the top of the grid. How can I get my Loading Panel to display inside the grid row that is being switched to edit mode and back, instead of at the top of the grid?

Thank you.

[Princy]

Hi Temp,

Go through the following forum links.

Show the loading panel next to AJAX initiator
Center LoadingPanel on the Screen

Princy.

[Temp]

Thanks Princy that's pretty much what I'm after. I'm using a Master Page though so I think maybe that's causing it problems?

My LoadingPanel is called LoadingPanel1, but when i try 
var divElementStyle = document.getElementById("LoadingPanel1").style; 

It fails, I have to try 

var divElementStyle = document.getElementById("ctl00_ContentMain_LoadingPanel1").style;

Then when I do the positioning it still always seems to appear at the top of the screen, perhaps where the content pain is from the looks of it.

Do you know what else I could perhaps try?

[Nikolay Rusev]

Hello Temp,

Thank you for getting back to us. Instead of using

var divElementStyle = document.getElementById("LoadingPanel1").style;

OR

var divElementStyle = document.getElementById("ctl00_ContentMain_LoadingPanel1").style;

you can try with

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server" >
 <script type="text/javascript">
  var divElementStyle = $get("<%=LoadingPanel1.ClientID%>");
  // -- center loading panel --
 </script>
</telerik:RadCodeBlock>

then you will have always reference to that loading panel. Please, give this suggestion a try and let me know how it goes and if any other questions arise.

Kind regards,
Nikolay
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center