Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > Set loading panel to pane

• Shri

  Posted on Mar 12, 2008 (permalink)

  Hi,
       There two panes when i click some image from left pane i set the conteneturl property of rightpane.
     
       While loading the url of the right pane i want to show loading panel.
  How can i achive this?
  
  

• Answer Svetlina Anati Svetlina Anati

  Posted on Mar 14, 2008 (permalink)

  Hi Shri,
  
  I suggest to show and hide the AjaxLoadingPanel client-side when necessary. You can achieve this by implementing two javascript functions, both placed in your main page:
  
  

  1. Function, which sets the ContentUrl and shows the loading panel
  2. Function, which hides the loading panel. It should be executed in the load event of the content page.

  I prepared a sample project which demonstrates the desired behavior. The slow loading of the content page is simulated by using the Thread.Sleep() method.

  
  
  
  Sincerely yours,
  Svetlina
  the Telerik team

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

  Attached files

  • LoadingPanelSplitter.zip

• Shri

  Posted on Mar 14, 2008 (permalink)

  Thanks a lot Svetlina 
  
  Its working .....
  
  Thanks
  
  
   
  
  

• Jonathan Intermediate

  Posted on Sep 3, 2008 (permalink)

  Hi,
  
  I have implemented this on my website too, but there appears to be a major issue with it.  If an error is thrown whilst the page is loading from the server code, the loading panel just stays on the screen and you do not get to see either the raw .NET error screen or an alternative error screen which I transfer the user to on error.  As the loading panel is entirely client-based, how can I hide it in the case where there is an error to stop it hiding the error message?
  
  Thanks in advance for any suggestions.

• Sophy Sophy

  Posted on Sep 3, 2008 (permalink)

  Hello Jonathan,
  
  The problem you describe is due to the fact that the HideLoadingPanel function is not executed when an error occurs on the ContentPage and this is result of the Hiding script not being rendered when an exception has appeared. To avoid this problem you will need to move the HideLoadingPanel event handler attachment to the main page in which the splitter and the loading panel are placed. In this way the HideLoadingPanel will be executed even if an error occurs in the server-side code of the content page. You can test this uncommenting the throw error line in the content page. I have attached a modified version of the previously provided example which demonstrates the explained above.
  If you need further assistance, do contact us again.
  
  Best regards,
  Sophy
  the Telerik team

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

  Attached files

  • LoadingPanel.zip

• Jonathan Intermediate

  Posted on Sep 4, 2008 (permalink)

  Hi Sophy,
  
  Thanks for that, errors are now displayed - now I just have to work out how to fix the errors :-)

• Brian Azzi

  Posted on Feb 22, 2011 (permalink)

  EDIT: I just found my problem... when calling the show method, I was passing the actual DIV object, not the ID... a simple mistake, but it made all the difference. : )
  
  
  I realize this is a rather old / stale thread, but this is exactly the scenario I am trying (unsuccessfully) to implement with the current version. In my case, the loading panel just never gets displayed... and I can't figure it out. 
  
  Is there any chance we could get an updated version of this sample? : )
  
  Thanks!
  -Brian

• Svetlina Anati Svetlina Anati

  Posted on Feb 22, 2011 (permalink)

  Hello guys,

   I am glad to inform you that there will be a property which allows this out of the box in the upcoming Beta release.
  
  Until the property is available you can check the following KB article:
  
  
  http://www.telerik.com/support/kb/aspnet-ajax/splitter/display-a-loading-animation-while-an-external-page-is-loading-in-a-radpane.aspx
  
  

  Greetings,
  Svetlina
  the Telerik team

  Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > Set loading panel to pane