I have a page that has a number of controls on it. Included in these controls are a number of RadDropDown controls, text boxes as well as a RadScheduler and RadCalendar control and all of these controls are contained within a RadAjaxPanel.
The RadAjaxPanel has a RadAjaxLoadingPanel associated with it, that should display when a user changes the focused date on the RadCalendar, or if the user makes a selection from any of the RadDropDown controls. A RadAjaxManager handles events from the RadDropDown controls, and for each control that's managed, the LoadingPanelID is set to the pages only RadAjaxLoadingPanel.
This all works just fine, but the when the loading panel displays, it only covers half of the page, leaving all the controls (typically the text box controls) that are further down the page than the RadScheduler "exposed".
I found this topic
which discusses the same issue, but the solution left me with another problem. Now when the RadAjaxLoading panel is displayed, it doesn't "cover" RadScheduler appointments or the RadScheduler Header and these appear above the RadAjaxLoadingPanel. I checked the zindex of one of the appointments and it seemed to be only 14, much lower than the 99999 of the RadAjaxLoadingPanel was set to.
In addition, setting the IsSticky and zindex properties appears to stop the animation from being displayed.