This is a migrated thread and some comments may be shown as answers.
RadAjaxLoadingPanel Transparency
2 Answers 128 Views
This is a migrated thread and some comments may be shown as answers.
Alex Edmé
Top achievements
Rank 1
Alex Edmé asked on 06 Oct 2010, 07:18 PM

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 

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 07 Oct 2010, 08:20 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Alex Edmé
Top achievements
Rank 1
answered on 07 Oct 2010, 03:49 PM
Hey Dimo,

Your second option is exactly what I was looking for.

Thanks, I appreciate!!!!

Alex
Tags
Ajax
Asked by
Alex Edmé
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Alex Edmé
Top achievements
Rank 1
Share this question
or