RadAjaxLoadingPanel Transparency

3 posts, 0 answers
  1. Alex Edmé
    Alex Edmé avatar
    2 posts
    Member since:
    May 2010

    Posted 06 Oct 2010 Link to this post


    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. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 07 Oct 2010 Link to this post

    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
  3. Alex Edmé
    Alex Edmé avatar
    2 posts
    Member since:
    May 2010

    Posted 07 Oct 2010 Link to this post

    Hey Dimo,

    Your second option is exactly what I was looking for.

    Thanks, I appreciate!!!!

    Alex
Back to Top