Misc glitches with RadLoadingPanel

[Gotcha]

I'm currently using a global RadLoadingPanel in my master template...

Code:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Web20"
    IsSticky="true" Style="position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
    InitialDelayTime="200" MinDisplayTime="500" Transparency="30">

The glitches I've noticed are some telerik controls like TAB controls , Radio appears above the transparent layer and are clickable ... The other controls and hmlt links are inaccessible which is how it should be...

Also, the transparent layer doesnt cover the whole page ...

Is there a hack i need to do so that it covers correctly the whole page so that none of the controls are accessible?


Attached is the page where i've hilighted all the glitches...
The Green Hilights denotes accsible controls or section of the page... you will see a semi-transparent layer where the loading image is... at below it cuts off... making everythnig else accessible below.

[Pavlina]

Hi Gotcha,

Please consult with the code library linked below:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

Best wishes,
Pavlina
the Telerik team