[Solved] Centering loading panel, not visible

[DogEars]

I've attempted several methods of centering the loading panel on my page (has a fairly long RadGrid) and so far whnever I set the (issticky="true") my panel appears to be invisible or isn't being fired.

Actually with this current setup it is invisible on issticky true or false.


Here is my current implementation:

.CenteredLoadingPanel {
        position: absolute;
        left: 50%;
        top: 50%;
    }

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" CssClass="CenteredLoadingPanel" IsSticky="true">
        <asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="images/Loading.gif" />
    </telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" >

[Steve]

Hello DogEars,

The attached project using your code does work properly for me. Is there anything specific that we should have in mind? Any additional information would be appreciated.

Kind regards,
Steve
the Telerik team

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

[Sean Eby]

I don't know what your set up is, but I got my LoadingPanel Image to center by doing this.

In the Master Page:

<

telerik:RadAjaxLoadingPanel id="MyRadAjaxLoadingPanel" runat="server" CssClass="ajaxLoadingPanel" Transparency="50" InitialDelayTime="100" MinDisplayTime="500"></telerik:RadAjaxLoadingPanel>

In CSS:

.ajaxLoadingPanel

{
height:100%;
width:100%;
background-color:rgb(153,153,153);
background-image:url(./Themes/Telerik/Ajax/img/waiting.gif);
background-position:center center;
background-repeat:no-repeat;
}

[DogEars]

Thanks to both of you, but it just refuses to work.

I am using masterpages, but I wouldn't think that matters?

I've tried putting the CSS in my CSS file, embedding it into the masterpage header etc.

Any other ideas?