RadAjaxLoadingPanel Transparency

[Alex Edmé]

Hi guys,

I was wondering if it's possible to show the loading icon without having the whole panel grayed out. I thought the Transparency property only affect the area around the loading icon but it does affect the icon also.

So what I would like to have is the loading icon with a Transparency of 0 and the area around it with a transparency of 100.

Is it possible to achieve that?

Thanks for the reponse,

Alex 

[Dimo]

Hello Alex,

The Transparency property affects all of the RadAjaxLoadingPanel. However, the skin transparency does not affect the animated image.

You have two options:

1. Use a custom skin with no background color specified for the raColor CSS class.

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-create-and-use-custom-skins-for-radajaxloadingpanel.aspx


2. Override any of the embedded skins by removing the background color for the raColor CSS class.

ASPX

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Button1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

<asp:Button ID="Button1" runat="server" Text="AJAX" />

<asp:Panel ID="Panel1" runat="server">
    Panel 1<br />Panel 1<br />Panel 1<br />Panel 1<br />Panel 1<br />Panel 1<br />Panel 1
</asp:Panel>

CSS

div.RadAjax_Vista .raColor
{
    background-color:transparent;
}

Regards,
Dimo
the Telerik team

[Alex Edmé]

Hey Dimo,

Your second option is exactly what I was looking for.

Thanks, I appreciate!!!!

Alex