RadDock position over the page

[Wveimar]

I am currently using serveral RadDock objects inside RadDockZones, and several RadDockZone objects inside a only one RadDockLayout.  I'm also using a gmail-like loading indicator that is positioned in the top right corner of the page.  The problem i am facing is that when the user scrolls down the page and causes some action that shows the loading indicator, the structure of the RadDock overlaps the indicator.  I have read several posts over the internet, but i have not found a solution.  I wish to know if there's some kind of property or trick on the Rad Controls that can help me on this.  Thanks in advance.

[Wveimar]

I found the solution digging into the forums.  The solution was given in the following link: http://www.telerik.com/community/forums/aspnet-ajax/docking/raddock-overlaps-loadingpanel.aspx.

Basically, the idea is to set a z-index value for the UpdateProgress greater than the z-index value for the RadDock.  Acording to the information provided in the link, RadDock has a z-index of 1000.  So, setting a z-index value of 10000 for UpdatePanel solves the problem.

#UpdateProgress1
{
  top: 0px;
  rightright: 0px;
  position:fixed;
  z-index:10000;
 }

[Svetlina Anati]

Hello Wveimar,

You are correct that the positioning of elements with absolute position is controlled through the z-indexes. I would like also to provide the following article which explains how to set z-index to RadControls and also has the default z-indexes listed:

http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html

I hope that the article will be useful for you and for others who might encounter similar problems.

Sincerely yours,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Wveimar]

Thanks Svetlina for your information.  It's very useful.