Loading Panel with no Transparency on Spinner

2 posts, 0 answers
  1. Nathan
    Nathan avatar
    52 posts
    Member since:
    Apr 2011

    Posted 05 Dec 2011 Link to this post


    Is it possible to have the Transparency set for the page (update panel), but not around the spinner? When I set the Transparency for my loading panel, it is applied to my spinner image.

    My Loading Panel:
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50" HorizontalAlign="Center" BackgroundPosition="Center" ZIndex="99999">
            <div style="background-color:#fff; width:100%; height:100%;">
                <asp:Image ID="Image1" runat="server" style="z-index:999999;margin-top:50%;" ImageUrl="~/images/SpinIndicator.gif" AlternateText="loading" />

  2. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 06 Dec 2011 Link to this post

    Hello Nathan,

    I don't think what you want to do is possible because the loading image is contained in the loading panel and it applies the opacity set cascades to the image it's contained so everything inside gets that opacity level.

    The only way I can see you achieve what you want, would be to create a transparent background that you can set as the background image for your loading panel and turn off the transparency feature of the loading panel.

    I hope that helps.
  3. DevCraft R3 2016 release webinar banner
Back to Top